IE7和8随机挂起CSS图像

时间:2010-05-01 19:27:31

标签: asp.net css internet-explorer iis diagnostics

我们有一个ASP.NET 3.5应用程序,已经生产了一年多。我们的上一次发布是在几个月前发布的。我们使用CSS来设置样式并将背景图像应用于div等。服务器是带有IIS的Windows 2003。

突然,本周,我们收到了一些用户的报告,说明该页面在加载时似乎挂断了。状态栏显示页面主区域中使用的背景图像的名称(在CSS中分配)。在我们的办公室,我们中的一些人可以重建这个问题,而其他人则不能。 IE6和Firefox似乎没有受到影响,只有IE7 / 8。在受影响的计算机上运行Fiddler,并试图查看请求发生了什么似乎使问题消失(当通过Fiddler运行时,它返回时没有)。在挂起的负载上点击刷新通常会使页面加载正常。

我查看了背景图片,甚至将其替换为存档副本。没有快乐。我们从生产源重新部署了应用程序。没有喜悦。我们重新启动IIS并最终重新启动整个服务器。事件日志,应用程序日志或IIS日志中没有异常条目。最后,我完全删除了图像并重新设置了页面样式,不使用背景图像。这至少就目前解决了这个问题。

但是,我们有其他图片“悬挂”的报道。这些图片是PNG,但我听说有些传言说GIF有时挂起,但我没有截图确认。

这刚刚开始“突然发生”。最近没有应用于服务器的版本或更新。我们甚至检查了客户端上的更新,以查看最近的Windows Update是否可能在客户端上导致此更新,但在过去几周内没有更新。

如果您有关于此问题的任何信息,我很乐意听取您的意见。我也非常感谢有关我们可以尝试的其他诊断的任何建议。

5 个答案:

答案 0 :(得分:1)

我可以建议你更加注意你的PNG版本/内容吗?

PNG文件支持alpha通道,它提供了一种透明的形式。 IE 6不支持Alpha通道,因此可能会以不同方式处理您的图像。 IE 7& 8支持alpha通道。

答案 1 :(得分:0)

图像是否与主站点在同一服务器/网站上托管?它可能是网络/ DNS问题吗?

答案 2 :(得分:0)

图像名称是偶然使用CamelCased还是PascalCased?我们遇到的图像问题并非都是小写的。此外,如果你转移到像S3这样的CDN,你会希望所有东西都是小写的(以防万一)。

请发布CSS和文件的模糊路径。

答案 3 :(得分:0)

这是否会在您的Intranet和外部源上发生?这已经在内部网络之外进行了测试吗? (这听起来可能与DNS有关。)

答案 4 :(得分:0)

显然有很多可能存在此问题,但是我遇到了问题,我能够解决问题,所以我想我会与社区分享我的修复。

我有类似

的东西
background-image: url("/myapp/images/expand_title_off.gif"); 
background-repeat: no-repeat; 
background-position: center center; 

在span元素的style属性中。

对于IE7,我将所有这些组合成一个单独的背景属性,如

background:url("/myapp/images/expand_title_off.gif") no-repeat center center;

IE7在尝试使用特定属性时看起来并不太友好。对我来说,旧的和新的样式都适用于chrome,所以肯定是IE7问题。