最近写CSS写的我发疯,多次遇到样式表中定义的背景图片在网页引用中不能显示。比如下面:
#div1{
background-image: url(01.jpg) no-repeat;
}
首先,确定了图片的路径是没的问题的,放在此CSS文件同目录下。
然后我把代码换作:
#div1{
background:url(01.jpg) no-repeat;
}
甚至又写详细点:
#div1{
background-image: url(01.jpg);
background-repeat: repeat;
background-position: left top;
}
该死的还不出来。
又想到把路径换成绝对路径,并且是已上传到服务器上的图片,依旧不显示。后来依次又把图片换成gif和png的,还是外甥打灯笼。
用不同的浏览器,有时候Firefox能显示的背景图片,IE不显示,有时候又恰恰相反。最变态的是同一风格里面几个不同的背景图片在html里面引用后居然有的显示有的不显示!
我彻底无语了,网上Google一番,也有人抱怨,却没个有效的解决办法。
有可能是DIV没有撑开的问题。。。。你给div一个border看看DIV撑开了么
这种问题你是你写图片的问题.比如:pic.jpg
别说这就是经验.
有时手写的,浏览一下没效果,
但如果你选中图片,重命名把图片文件名复制后.
粘贴到代码中一切就OK了.
呵呵,感谢ilank兄的指点。关于下面的:
background:#E4E5F8 url(bg.gif) repeat-x top;
本身是没错的,我习惯将background-color,background-image,background-repeat和background-position在一起简写,于是就是上面的样子。
上面标签的ID只是在这里随便起的举例而已,当然,用数字定义ID的确实很少,我也没用过。^_^
很有可能定义的标签 id不正确
一般定义标签不用数字的,
我的用法 #div_a{} #div_b{} #div_c{}
从来就没出过错,也许是我从来不用数字定义id的原因,
改天用数字定义下试试[smile]
background:#E4E5F8 url(bg.gif) repeat-x top;
你写法有误吧,我是从来没有遇到这类问题。