导航时，Internet Explorer 9中的图像闪烁白色 [英] Images Flash White in Internet Explorer 9 While Navigating

问题描述

我正在使用XHTML 1.1 / CSS 3.0开发一个网站，我遇到了Internet Explorer 9的问题。每次我将页面从Home更改为Features时，各种图像在填写之前会闪烁白色。这个'白色每次页面更改时都会出现闪烁。我已经看到很多堆栈溢出帖子讨论这样的错误，但它们似乎是旧版本的IE。该网站在Chrome中看起来很不错。

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 --

• 通过验证器运行XHTML（它通过）。


• 运行CSS Level 3验证器（它通过）。


• 尝试设置背景颜色


• 尝试更改CSS包含格式以导入和重新导入（按照之前的堆栈溢出建议）


• 从HTML / XHTML Transitional迁移到XHTML严格


• 注释掉图像以识别特定图像或div - 似乎大多数人都这样做。


• 尝试空脚本标签黑客（用于IE中未初始化内容错误的闪现）


• 尝试添加元标记来更改缓存设置，以便浏览器使用缓存。


• 尝试了各种IE浏览器特定的元数据为IE6，IE7，IE8建议的标签试图修复这种行为。

• 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?

谢谢！

推荐答案

flashin g可能是具有多层背景图像的副作用，包括延伸以填充视口的阴影层。我会尝试禁用这些效果，看看是否有帮助。谁知道这可能会影响IE绘制页面...

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...

您可能会发现将gradient.png放在 #innerContent 而不是 #content 更有意义，在这样做时，您不需要在单个元素上使用多个BG图像。

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.

这篇关于导航时，Internet Explorer 9中的图像闪烁白色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！