Ошибка отображения в IE8 8.0.7601.17514
Я вижу странную прерывистую ошибку отображения на одном из сайтов, которыми я управляю. Кажется, что это происходит только с перерывами, и на некоторых машинах под управлением Windows7 SP1 и IE8.0.7601.17514. Я не смог повторить ошибку на любой другой конфигурации, включая Windows7 ie9, ie8, ie7 (последние 2 смоделированы с ietester), WindowsXP с IE8, firefox, chrome, safari и т. Д. Также стоит отметить, что иногда вы получаете эту ошибку, в других случаях нет, даже на той же странице.
Кажется, проблема в том, что контент из мега выпадающего меню выходит наверх и отображается в случайных местах (см. http://www.brenclosures.com.au/images/aaa-image003.jpg).
Вы можете увидеть проблему в шапке сайта в виде прямоугольника с иконками. Стоит отметить, что это не консистентная позиция, а перемещение. Я видел его полностью сверху, над логотипом, с другой стороны, в окне поиска и т. Д. Вы не можете выбрать его, и он довольно часто перемещается и показывает что-то совершенно другое, даже если вы просто обновляете страницу!
Я использую Spry для системы меню. Это показывает ошибку на некоторых страницах, которая относится к позициям, не включая ссылки, но я исправил это на некоторых страницах, и я все еще вижу проблему.
Я также использую jQuery, и он на 1,3 на большей части сайта. Однако после просмотра похожих сообщений я обновился до версии 1.6.4 на некоторых страницах, но они все еще показывают ту же проблему. Я только что попросил человека, который видит эту проблему (который, к сожалению, является клиентом), протестировать страницы с отключенным jQuery, чтобы увидеть, имеет ли это какое-то значение.
Я также использую плагин jQuery fancybox, который также включает jquery.easing.1.3
У кого-нибудь есть идеи о том, что может происходить? Я не думаю, что это аппаратная проблема, поскольку мы также однажды видели ошибку на виртуальной машине, хотя мы не смогли ее повторить!
URL-адрес сайта http://www.brenclosures.com.au/ если вы хотите посмотреть сами.
Я был бы очень признателен за вашу помощь, так как этот меня полностью озадачил!
Ура Саймон
Я хотел бы встраивать один, но я новый пользователь и ограничен в том, что я могу сделать. Они ссылаются в конце второго абзаца на фотографию, показывающую проблему. К сожалению, я не получил снимок экрана с графикой, появляющейся в окне поиска, которая была моей личной любимой!
Я также только что услышал, что обновление jquery до последней версии не решило проблему, но когда я отключил jquery, jquery easing (1.3) и fancybox, проблема была связана с jquery. Я сейчас ищу, чтобы обновить все это и посмотреть, что произойдет. Я дам вам знать, когда я это сделаю.
Спасибо Саймон
Хорошо, я думаю, что начинаю понимать, что происходит. Я понятия не имею, почему, хотя!
Похоже, что это влияет только на IE8 и только при включенном jQuery. Похоже, что это не проблема с fancybox или jQuery Easing, просто сама jQuery. Выключите это, и проблема исчезнет.
Сказав, что ошибка, похоже, не связана с чем-то, что на самом деле делает jQuery. То, что, кажется, происходит (и почему только определенные машины, кажется, затронуты в определенное время, является следующим: -
- Иногда фоновый градиент или png swoosh, кажется, задерживаются при загрузке, несмотря на то, что он находится на вершине стека.
- IE8, кажется, зарезервировать место для изображения, хотя есть задержка
- Так как ничего нет, то каким-то образом jQuery загружает случайное фоновое изображение из CSS в качестве замены.
- Как только "реальное" изображение загружается, проблема исчезает. Однако, как-то в IE8 эти изображения, похоже, имеют привычку застрять!
Таким образом, решение, вероятно, заключается в предварительной загрузке фоновых изображений, но только в IE8. Я добавил в preloader сейчас и, надеюсь, проблема должна исчезнуть! Я отправлю еще раз, если это не так!
Это тоже не сработало! Я должен был задуматься! Если изображения застряли, загрузка их с помощью предварительного загрузчика не очень поможет!
Мои последние планы:
Используйте спрайты, чтобы все изображения загружались одновременно. Это предотвратит показ других частей, когда все будет загружаться одновременно. Опасность в том, что ничего не загрузится.
Используйте управление кэшем, чтобы установить длинный TTL для фоновых изображений. Надеюсь, это будет означать, что если они успешно загрузятся один раз, вы больше не увидите ту же проблему. Проблема в том, что эти образы находятся на общем сервере Windows, поэтому управление кешем не так просто настроить файл htaccess. Я, вероятно, изменю CSS для IE8, чтобы вместо этого я мог отправлять их на сервер Linux!
Последнее обновление. Я перепробовал все виды техник, и самое лучшее, что я могу сказать на данный момент, это то, что я решил, что проблема длится около половины дня или около того. Вот что я пробовал:
- Загрузка изображений с другого URL, где я также могу их кэшировать в браузере. Это была попытка после того, как я обнаружил, что проблема, кажется, особенно проявляется, когда png в заголовке зависает при загрузке.
- Я действительно думал, что у меня есть это с этим! Я изменил jQuery так, чтобы вместо обычного элемента управления, чтобы начать загрузку, когда страница закончила загрузку, я изменил его на функцию onLoad, так что он якобы ожидает, пока все ресурсы также не загрузятся. Тот работал около половины дня!
Моим последним усилием, перед тем, как я попрошу их обновить до IE9, будет переписать всю систему меню в jQuery и удалить весь Spry со страницы. Я должен сказать, что у меня нет больших надежд на это. В любом случае мне нужно это сделать, но я обнаружил, что удаление Spry со страницы, похоже, не имеет никакого эффекта.