JSP页面中无法显示CSS中的背景图片
jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题! Myeclipse 6.5
在html中都可以显示 在jsp中显示不出来!不过把样式写在jsp页面 部分 就可以显示出来
<style type="text/css">
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} </style>
调用样式表就显示不出!
images/qingchu.JPG 改成这样 路径也改了 url(../images/qingchu.JPG); 一样显示不出来
====解决========================================================================
放在css/style.css这里面时,因为在css目录下,
放JSP页面时出来images/qingchu.jpg证明images和css和jsp页面在同一目录
你的结构是这样的
css/style.css
images/qingchu.jpg
*.jsp
所以你直接写在jsp页面上时会显示出来,但你放在css/style.css中时,图片路径要相对于css文件
即要改成../images/qingchu.jpg
而且文件名的大小写一样要特别注意,JAVA是大小写区分的,所以a.jpg和A.jpg在java里是被视为不一样的
相关文档:
css布局的时候多多注意一下,相信很快就可以掌握了css布局的技巧!
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记 ......
CSS滤镜的使用方法:filter:filtername(parameters) 即 filter:滤镜名称(参数)
alpha:设置透明层次
blur:创建高速度移动效果,即模糊效果
chroma:制作专用颜色透明
DropShadow:创建对象的固定影子
FlipH:创建水平镜像图片
FlipV:创建垂直镜像图片
glow:加光辉在附近对象的边外
gray:把图片灰度化
inver ......
2009年2月24日
,Safari 4.0
beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版
本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
,FireFox 3.5发布,类似Safar ......
我是在以下这两种情况下使用到这个文件的:
当你需要向服务器上传一个文件,但是这个文件并不在你的本机上,而且在另一台服务器上,但是你又没有本台服务器的远程桌面的权限让它去下载那个文件,这时你就可以使用此文件去下载。
二就是目标服务器的上传速度非常的慢,于是我将文件先传到了另一台上传速度较快的服务器上, ......
CSS 和 JavaScript 标签 style 属性对照表:
盒子标签和属性对照
CSS语法(不区分大小写) JavaScript语法(区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......