2010-05-27 41 views
6

我有一个IE8的问题。当年龄重新加载/刷新时,它会闪烁白色。我的客户非常不满,我无法在任何地方找到任何答案。请任何人都可以摆脱任何光线。这里是一个网站的链接这一问题:http://www.gingergraphicdesign.com为什么ie8会刷新白色背景几分之一秒?

+1

也发生在Chrome ... – BoxOfNotGoodery 2010-05-27 12:17:22

+0

在一个侧面说明,你的CSS样式留下了很多想要的......是否真的要留下称为style1,style2,... style27的东西? – GenericTypeTea 2010-05-27 12:22:15

+0

JohnFly ...谢谢你,我非常感谢你指出Chrome的问题。对于奇怪的风格名称也是正确的 - 作为我自己的网站,我不介意风格被深奥地命名一次 - 风格名称从我开始网页设计开始,很久很久以前,用html发电机。我的其他客户网站有适当的CSS样式名称。 – user351922 2010-05-28 07:04:25

回答

3

你的内联CSS说:

body { margin:0px; background-color:#fff ... 

...使(#FFF,例如,白色)是颜色,将先于另一个显示元素显示或背景图形加载。选择最接近的色调和最终加载版本的主色,以减少明显的闪烁。在你的情况下,大部分结果布局是黑色背景框,所以你想用黑色去。

+0

谢谢 - 我已经这样做了,你所说的确实是正确的,尽管闪烁仍然存在 - 只是黑色而不是白色。在我客户的网站上(Ginger网站就是我用来演示问题的旧网站),他根本不需要过渡刷新 - 就好像页面具有背景颜色而不是图像。然而,你的建议非常感谢。谢谢。 – user351922 2010-05-28 07:26:56

+0

@martinjbull:如果刷新,特别是你担心的,你可以随时通过Ajax加载上下文并填充相关容器来更新内容*而不刷新页面。 – 2010-05-28 08:47:47

1

您的页面背景是#FFFFFF(白色)。它在显示图像url(“Resources/ggdbggradient.gif”)之前仅显示一秒。

改变你的背景颜色为黑暗的东西匹配,你会没事的。

+0

谢谢 - 我已经这么做了,你说的确是正确的,尽管闪烁仍然是 - 只是黑色而不是白色。在我客户的网站上(Ginger网站就是我用来演示问题的旧网站),他根本不需要过渡刷新 - 就好像页面具有背景颜色而不是图像。然而,你的建议非常感谢。谢谢。 – user351922 2010-05-28 07:54:14

3

减少IE中页面转换之间闪烁的另一种方法是描述为here的fajax技术。

虽然不管下一页被访问了多少,但它给出了一个短暂的过渡效果,所以可能不适合,但只是想我会把它作为一种可能性。

<META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)"> 
<META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)"> 
+0

谢谢 - 我以前试过但没有成功 - 但这次它工作!可能你的代码在某种程度上与我上次使用的代码有所不同 - 我会对比一下。谢谢。 – user351922 2010-05-28 07:29:19

+0

这解决了我在IE8中遇到的类似问题。谢谢! – 2013-02-05 20:30:33

3

试试这个代码:

body, html{background:#0F0;} 

应用BG到HTML标签。 成功:D

0

我发现在CSS文件中设置背景色并不能消除白色闪光。

对我而言,在加载CSS文件之前在头文件中嵌入了样式。在我的情况下,我想要的颜色是#D0D0D0,所以这就是我所做的。

<!doctype html> 
<html lang="en"> 
<head> 
<title>Page Title</title> 

<!-- META Tags --> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style>html, body { background-color: #D0D0D0; } </style> 

<!-- CSS Style Sheets --> 
<link rel="stylesheet" type="text/css" href="/css/style.css" /> 
</head> 

这解决了IE9中的白色闪光对我来说。我的猜测是,如果在<head>中有Javascript执行,IE会将页面绘制为白色,但IE不会解析CSS文件,直到达到<body>