IE7 и 8 случайно зависают на изображениях CSS

Question

У нас есть приложение ASP.NET 3.5, которое работает уже более года. Наш последний релиз был пару месяцев назад. Мы используем CSS для стилизации и применения фоновых изображений для div и тому подобное. Сервер Windows 2003 с IIS.

Внезапно на этой неделе мы получили сообщения от некоторых пользователей о том, что страница зависает при загрузке. В строке состояния отображалось имя фонового изображения, используемого в основной области страницы (назначено в CSS). В нашем офисе некоторые из нас могли воссоздать проблему, а другие - нет. IE6 и Firefox, похоже, не затронуты, только IE7 / 8. Запуск Fiddler на зараженной машине и попытка увидеть, что происходит с запросами, похоже, помогли решить проблему (при запуске через Fiddler он возвращался, когда нет). Нажатие кнопки «Обновить» при зависшей загрузке часто приводило к загрузке страницы.

Я проверил фоновое изображение и даже заменил его архивной копией. Нет радости Мы повторно развернули приложение из нашего производственного источника. Нет радости Мы перезапустили IIS и в итоге перезагрузили весь сервер. Нет необычных записей в журналах событий, журналах приложений или журналах IIS. Наконец, я полностью удалил изображение и изменил стиль страницы, чтобы не использовать фоновое изображение. Это решило проблему, по крайней мере, на данный момент.

Тем не менее, у нас есть сообщения о других "зависаниях" изображений. Изображения в формате PNG, но я слышал некоторые слухи, что иногда зависает GIF, но у меня нет скриншота для подтверждения.

Это только начало происходить "на ровном месте". В последнее время на сервере не было никаких выпусков или обновлений. Мы даже проверили обновления на клиентах, чтобы выяснить, могло ли последнее обновление Windows вызвать это на клиенте, но за последние пару недель ничего не обновлялось.

Если у вас есть какая-либо информация об этой проблеме, я хотел бы услышать от вас. Буду также признателен за любые рекомендации по дополнительной диагностике, которые мы можем попробовать.

Answer 1

Могу я порекомендовать вам посмотреть на свою версию / контент PNG?

PNG-файлы поддерживают альфа-каналы, которые обеспечивают прозрачность. IE 6 НЕ поддерживает альфа-каналы и поэтому может обрабатывать ваши изображения по-разному. IE 7 и 8 поддерживают альфа-каналы.

Answer 2

Существует ряд возможностей для этой ошибки, но я столкнулся с проблемой, мне удалось ее исправить, и я решил поделиться с сообществом своим исправлением.

У меня было что-то вроде

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

внутри атрибута стиля для элемента span.

Для IE7 я объединил все это в одно свойство фона, например

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

IE7 не выглядел слишком любезно при попытке использовать определенные свойства. Для меня и старый, и новый стили прекрасно работали с Chrome, так что определенно проблема с IE7.

Answer 3

Это происходит как в вашей внутренней сети, так и за ее пределами? Это было проверено за пределами внутренней сети? (Похоже, это может быть связано с DNS.)

Answer 4

Случайно ли названы изображения в CamelCased или PascalCased? У нас были проблемы с изображениями, которые не все были в нижнем регистре. Кроме того, если вы перейдете на CDN, такой как S3, вы захотите, чтобы все было в нижнем регистре (на всякий случай).

Просьба опубликовать CSS и запутанный путь к файлу.

Answer 5

Изображения размещены на том же сервере / сайте, что и основной сайт? Может ли это быть проблема сети / DNS?