Firefox没有呈现CSS背景(Firefox错误/错误?)

时间:2015-03-09 01:21:25

标签: css firefox

在花了一段时间创建在线作品集,然后上传它之后,我注意到我的一个部分存在问题。在“广告”部分,我注意到它没有显示信息,只显示标题。所以,我继续重新推送stylesheet.css,甚至编辑它,它看起来仍然一样。 HTML,CSS和JS正在编写我的编写方式。但它只是没有显示的部分。在线浏览和在stackoverflow上搜索答案后,我认为它与Firefox有关。使用Firebug时,我注意到该部分的背景已被删除,导致整个部分“消失”。它在Chrome上运行得很好。我并不担心IE,我知道浏览器本身就存在一些问题。无论如何,如果可以的话,这里的任何人都有想法解决这个问题吗?甚至,可能导致这个问题的原因是什么?

这是我的网站,为您自己看。 www.voelkerdesigner.com

干杯!

2 个答案:

答案 0 :(得分:4)

对我而言,你的整个网站在我的firefox中工作正好相反,但不是在chrome中,查看代码,它是由你的命名约定引起的。即 #advertise

我在chrome中使用了adguard扩展程序,下面是插入我的html页面以隐藏广告的css,所以我猜你在firefox中使用了一个adblocker

#adsense_top, #adsensewide, #adspace, #adspace_top, #adspot-300x250-pos-1, #adspot-300x250-pos-2, #adswidget1-quick-adsense, #adswidget2-quick-adsense, #adtext, #adtop, #adv-masthead, #adv-top, #advert1, #advert2, #advertbox3, #advertise, #advertisement1, #advertisetop, #advertising-container, #advertising_wrapper {
display: none!important;
} 

答案 1 :(得分:0)

不妨在此发布随机答案...因为我不会访问新用户发布的链接..我只是猜测你的背景图片可能不是100%...

一般情况下,我使用背景图片而不是背景。如果不完美,短手可能会有些痛苦并在某些浏览器中断。

所以我会与以下示例进行比较

background-image:url('images/mybg.jpg');
background-image:url('http://somesite.com/images/mybg.jpg');

基本上很多人都没有使用网址,只是直接找到文件名或者不引用它。并且已经看到过去的问题,所以请使用网址('&#39 ;)方法。

否则如果它仍然无法工作并且您知道图像是绝对的,那么您将有一些其他的css要么超过您的元素背景,要么阻止它加载。

另一个技巧是使用你的console / inspect元素手动注入背景图像,看看是否有效...所以一旦页面加载了chrome,检查元素正常..然后双击你的css属性列出,因为你可以这种方式添加自己的样式,如果它失败,那么它不是标记,而是其他东西。