变态的CSS

最近写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一番,也有人抱怨,却没个有效的解决办法。

分类: 技术技巧/学习 标签: , , . 固定链接: http://www.skyine.com/archives/66.html.

5 Responses to 变态的CSS

  1. soncy says:

    有可能是DIV没有撑开的问题。。。。你给div一个border看看DIV撑开了么

  2. kinr says:

    这种问题你是你写图片的问题.比如:pic.jpg
    有时手写的,浏览一下没效果,
    但如果你选中图片,重命名把图片文件名复制后.
    粘贴到代码中一切就OK了. :) 别说这就是经验.

  3. Sleven says:

    呵呵,感谢ilank兄的指点。关于下面的:
    background:#E4E5F8 url(bg.gif) repeat-x top;
    本身是没错的,我习惯将background-color,background-image,background-repeat和background-position在一起简写,于是就是上面的样子。
    上面标签的ID只是在这里随便起的举例而已,当然,用数字定义ID的确实很少,我也没用过。^_^

  4. ilank says:

    很有可能定义的标签 id不正确
    一般定义标签不用数字的,
    我的用法 #div_a{} #div_b{} #div_c{}
    从来就没出过错,也许是我从来不用数字定义id的原因,
    改天用数字定义下试试[smile]

  5. ilank says:

    background:#E4E5F8 url(bg.gif) repeat-x top;
    你写法有误吧,我是从来没有遇到这类问题。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>