在具有相同bg的页面上导航时,网站会闪烁 - FFX& IE

时间:2012-02-28 20:13:40

标签: html css firefox flash internet-explorer-9

在这里,您可以测试我目前正在处理的网站: http://www.whateverxpress.com/wx_site/

当你浏览网站部分时,你会在firefox和IE上得到一个令人讨厌的闪烁,我不再在chrome上出现这个问题,但我确实已经拥有它,直到我将swf对象背景从不透明变为透明。所以认为它可能是一个swf对象错误,但我尝试删除所有的js编码和Flash动画和相同的优势。所以即使使用html&单独使用css我在ff(10.0.2)上遇到此问题 - 每晚13.0a1 - IE 9(闪烁将不会显示在IE 8上)。

缓存在htaccess上配置如下:

ExpiresActive On
ExpiresByType image/png "access plus 5 hour"
ExpiresByType image/jpg "access plus 5 hour"
ExpiresByType text/css "access plus 5 hour"
ExpiresByType text/html "access plus 5 hour"
ExpiresByType application/x-shockwave-flash "access plus 5 hour"
ExpiresByType application/javascript "access plus 5 hour"

FileETag none

不确定是否告诉它缓存一年会有所作为,因为我在5小时范围内测试...

我有这个css代码加载背景图片:

#wrapper {
width:816px;
height:921px;
margin:auto;
background:url(img/wx_base_optimized5.jpg) no-repeat;}

正如你所看到的那是一幅大图,但我认为这不会引起这个令人讨厌的问题。

过去五天我一直在很多网站上阅读,我找不到任何解决这个问题的方法,所以你们是我最后的希望。我会提前感谢你阅读这篇文章,我希望你能帮助我。

P.S:在15次尝试中大约一次,它在夜间正确显示,不知道为什么。

更新 我修复了闪烁。我删除了主要的背景jpg,令我惊讶的是闪烁仍然存在,所以我认为这是其他原因造成的。禁用我的css规则的一部分我发现其上有另一张图片的“.stripped_box”(大约450 * 450)使我的网站闪烁(至少在使用该规则的部分)所以我编辑只使用一个css背景和部分问题得到了解决(即使我不知道为什么)。 但主要原因是.swf对象嵌入代码。 (我之前没试过它,但是因为.stripped_box给了我一个闪烁,我没有发现它的区别)。我尝试使用adobe Dreamweaver swf目标代码和传统的嵌入系统嵌入它,它们似乎在chrome和IE8上都运行正常,但在FFX上没有,所以我添加了swfobject.js并且问题解决了。感谢ajax建议,我即将朝这个方向前进,但我想最后一次检查。我希望这个问题可以帮助有同样问题的人。 P.S:这个问题仍然存在于IE 9上,但我认为不值得将我的网站转换为ajax仅适用于此版本的Msie,因为它在IE 8上运行正常。 编辑#2:即使使用swfObject修复了firefox上的问题,我注意到我偶尔会看到Chrome上的闪烁,并不总是但仍然存在,所以为了解决这个问题,我检测到了用户浏览器并提供swf对象脚本,如果他们使用ff,否则什么也不做,一切都很完美。我不得不承认,即使ff没有更多的闪烁,切换页面时会有一些延迟,但这是我能做的最好的,我希望这对某人有所帮助,因为我已经看到了这个问题。使用Flash动画的网站。

2 个答案:

答案 0 :(得分:2)

使用FF,Chrome和Safari在我的Mac上尝试。 Firefox几乎每次都会落后,但并非总是如此。 Chrome和Safari很少有用,但有时会有所不同。

我也遇到了Firefox的问题,背景图案太大了。切换到较小的模式解决了这个问题,但如果您想保留背景,我认为这不是您网站的选项。如果你能够在没有侧面形状的情况下生活,你可以使用较小的图像并垂直重复。该网站也将获得灵活的高度。

第二个想法:使用AJAX 。不要重新加载网站以显示新内容,只需加载内容并显示它。如果你使用AJAX,它根本不应该闪烁。

答案 1 :(得分:1)

AJAX是解决此问题的最佳方法。在您的网站中有一个内容div,它会更新,而不是整个页面。