Firefox 未呈现 CSS 背景(Firefox error/bug?)
Firefox is not rendering CSS background (Firefox error/bug?)
在花了一段时间创建在线作品集并上传后,我发现我的其中一个部分存在问题。在 "Advertisement" 部分,我注意到它没有显示信息,只显示标题。所以,我继续 re-pushing stylesheet.css,甚至编辑它,它看起来仍然一样。 HTML、CSS 和 JS 正在按照我编写的方式工作。但它只是没有显示的部分。在网上和 Whosebug 上浏览了一个答案后,我相信它与 Firefox 有关。使用 Firebug 时,我注意到该部分的背景已被删除,导致整个部分 "disappear." 在 Chrome 上工作得很好。我不担心 IE,我知道浏览器本身有一些问题。无论如何,如果可以的话,这里的任何人都会有解决这个问题的想法吗?甚至,是什么导致了这个问题?
这是我的网站,大家可以看看。 www.voelkerdesigner.com
干杯!
这对我来说是相反的,你的整个网站对我来说在 firefox 中工作但在 chrome 中不行,查看你的代码,这是由你的命名约定引起的。即 #advertise
我在 chrome 中使用 adguard 扩展,下面是 css 它插入我的 html 页面以隐藏广告,所以我猜你在 firefox
#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;
}
也可以 post 对此随机回答...因为我不会访问 post 新用户编辑的链接..我只是猜测您的背景图片可能不是100%...
通常我使用背景图像而不是背景。如果不完美,短手在某些浏览器中可能会有点痛苦和中断。
所以我将与以下示例进行比较
background-image:url('images/mybg.jpg');
background-image:url('http://somesite.com/images/mybg.jpg');
基本上很多人不使用 url 而是直接获取文件名或不引用它..并且在过去看到这是问题所在,所以请使用 url('') 方法。
否则,如果它仍然无法工作并且您知道图像是绝对的,那么您将有一些其他 css 覆盖您的元素背景或阻止它加载。
另一个技巧是使用您的控制台/检查元素手动注入背景图像并查看它是否有效...所以一旦页面加载到 chrome,请正常检查元素..并且双击您的 css 属性 列表,因为您可以通过这种方式添加自己的样式,如果失败,那么它不是标记而是其他东西。
在花了一段时间创建在线作品集并上传后,我发现我的其中一个部分存在问题。在 "Advertisement" 部分,我注意到它没有显示信息,只显示标题。所以,我继续 re-pushing stylesheet.css,甚至编辑它,它看起来仍然一样。 HTML、CSS 和 JS 正在按照我编写的方式工作。但它只是没有显示的部分。在网上和 Whosebug 上浏览了一个答案后,我相信它与 Firefox 有关。使用 Firebug 时,我注意到该部分的背景已被删除,导致整个部分 "disappear." 在 Chrome 上工作得很好。我不担心 IE,我知道浏览器本身有一些问题。无论如何,如果可以的话,这里的任何人都会有解决这个问题的想法吗?甚至,是什么导致了这个问题?
这是我的网站,大家可以看看。 www.voelkerdesigner.com
干杯!
这对我来说是相反的,你的整个网站对我来说在 firefox 中工作但在 chrome 中不行,查看你的代码,这是由你的命名约定引起的。即 #advertise
我在 chrome 中使用 adguard 扩展,下面是 css 它插入我的 html 页面以隐藏广告,所以我猜你在 firefox
#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;
}
也可以 post 对此随机回答...因为我不会访问 post 新用户编辑的链接..我只是猜测您的背景图片可能不是100%...
通常我使用背景图像而不是背景。如果不完美,短手在某些浏览器中可能会有点痛苦和中断。
所以我将与以下示例进行比较
background-image:url('images/mybg.jpg');
background-image:url('http://somesite.com/images/mybg.jpg');
基本上很多人不使用 url 而是直接获取文件名或不引用它..并且在过去看到这是问题所在,所以请使用 url('') 方法。
否则,如果它仍然无法工作并且您知道图像是绝对的,那么您将有一些其他 css 覆盖您的元素背景或阻止它加载。
另一个技巧是使用您的控制台/检查元素手动注入背景图像并查看它是否有效...所以一旦页面加载到 chrome,请正常检查元素..并且双击您的 css 属性 列表,因为您可以通过这种方式添加自己的样式,如果失败,那么它不是标记而是其他东西。