Firefox和Opera不计算背景图像

时间:2013-02-04 19:58:42

标签: css firefox background-image opera

问题

我刚刚在Firefox和Opera中发现了background-images的一个非常奇怪的问题:该规则根本无法计算。

规则未显示在检查器列表中,后台中的图像甚至无法加载到网络监视器中。但是在加载的css文件中一切都很好,很难......规则,选择器,一切都很好。

同样的页面在所有其他浏览器中都可以正常工作,除了这两个浏览器。

不知道有没有人有过这种经历。感谢。

实施例

我可以按照jsfiddle.netVucko的建议设法重现monkey中的错误。我有两个小提琴:one workingone crashing。崩溃的一个更接近我在这里的背景。希望它有所帮助。

PS:请注意,崩溃的实际上可以在Opera和Firefox以外的浏览器中使用。

2 个答案:

答案 0 :(得分:3)

只需删除 CSS 代码中的最后一行。

#myprojectname > #page1 > .beginning:after > h2 > div

在歌剧和mozilla中测试过。

答案 1 :(得分:0)

您是否提供了background-image: url(img/picture.jpg)中的相对URI?始终使用CSS文件作为根解析相对URI。

意味着,如果您有以下文件布局:     /css/style.css     /img/picture.jpg     /index.html

您必须改为编写background-image: url(../img/picture.jpg)

设置基本标记<base href="/" />对您没有帮助,因为设置无法转移。