导航时 Internet Explorer 9 中的图像闪烁白色
我正在使用 XHTML 1.1/CSS 3.0 开发一个网站,但 Internet Explorer 9 出现问题。每次我将页面从“主页”更改为“功能”时,各种图像在填充之前都会闪烁“白色”。出现这种“白色闪烁”每次页面更改时。我见过很多堆栈溢出帖子讨论此类错误,但它们似乎适用于旧版本的 IE。该网站在 Chrome 中看起来不错。
这是我到目前为止所尝试过的——
- 通过验证器运行 XHTML(它通过了)。
- 运行 CSS Level 3 验证器(它通过了)。
- 尝试将背景颜色设置为黑色。
- 尝试更改 CSS 包含格式以导入并再次返回(根据之前的堆栈溢出建议)
- 从 HTML/XHTML Transitional 移动到 XHTML Strict
- 注释掉图像以识别特定图像或 div - 似乎大多数人都这样做。
- 尝试了空脚本标签黑客(针对 IE 中未初始化内容错误的闪现)
- 尝试添加元标签来更改缓存设置,以便浏览器使用缓存。
- 尝试了针对 IE6、IE7、IE8 建议的各种 IE 浏览器特定元标记,以尝试“修复”该行为。
关于我下一步可以尝试什么有什么想法吗?
谢谢你!
I am developing a website in XHTML 1.1/CSS 3.0 and I have a problem with Internet Explorer 9. Each time I change pages from "Home" to "Features" various images flash 'white' before filling in. This 'white flash' occurs each time the page is changed. I have seen numerous stack overflow posts discussing such errors but they seem to be for older versions of IE. The site looks fine in Chrome.
Here is what I've tried so far --
- ran XHTML through validator (it passes).
- ran CSS Level 3 validator (it passes).
- tried setting background color to black.
- tried changing CSS include format to import and back again (per previous stack overflow suggestion)
- moved from HTML/XHTML Transitional to XHTML Strict
- commented out images to identify a specific image or div -- seems that most of them do it.
- tried empty Script tag hack (for flash of uninitialized content bug in IE)
- tried adding meta tags to change cache settings so browser uses cache.
- tried various IE browser-specific meta tags suggested for IE6, IE7, IE8 to try to 'fix' the behavior.
Any thoughts on what I can try next?
Thank you!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
闪烁可能是具有多层背景图像的副作用,包括拉伸以填充视口的阴影层。我会尝试禁用这些效果,看看是否有帮助。谁知道这会如何影响 IE 绘制页面...
您可能会发现将gradient.png 放在
#innerContent
而不是#content
上更有意义,并且在做这样,您就不需要在单个元素上使用多个 BG 图像。The flashing could be a side effect of having multiple layers of background images, including the shadow layer which stretches to fill the viewport. I'd try disabling those effects and seeing if that helps. Who knows how that might be affecting IE drawing the page...
You might find that putting gradient.png on
#innerContent
instead of#content
makes more sense, and in doing that, you you won't need to use multiple BG images on a single element.