Странный глюк компоновки IE8 - почему исчезает фон тела? - PullRequest
9 голосов
/ 27 мая 2011

Это одна из тех проблем "что, черт возьми", к которой я даже не знаю, как подойти.

У меня есть этот сайт: http://www.mojalbum.com, и если вы откроете его в IE8, он загрузится нормально, и через полсекунды макет будет испорчен. Если вы затем измените размер окна, оно вернется к нормальному состоянию. Также, если вы откроете инструменты разработчика и отключите и снова включите свойство CSS (неважно, какое), компоновка также будет исправлена.

К сожалению, я не могу вспомнить, когда это начало происходить, поэтому я не знаю, что я сделал, что вызвало это. И я действительно понятия не имею, что делать. Я потратил 3 часа на поиски решения в Google без какой-либо удачи (если честно, я не совсем уверен, что искать).

Вот скриншот: enter image description here

А вот как это должно выглядеть: enter image description here

Я использую Internet Explorer 8 (v 8.0.7601.17514) в Windows 7.

Редактировать: Теперь мне удалось (вроде) изолировать проблему. Если jQuery (v1.6.1) включен на страницу, то это происходит. Включение jQuery v1.3.2 не вызывает этой проблемы.

Ответы [ 2 ]

11 голосов
/ 27 мая 2011

Ответ ниже в настоящее время в основном устарел, потому что проблема была исправлена ​​в jQuery 1.6.2, который давно отсутствует.

Если у вас возникла эта проблема, просто обновить jQuery до последней доступной версии.


Редактировать:

Что-то не так с jQuery !

Если я переключаюсьдо версии 1.6.1, размещенной в Google, она по-прежнему ломается: http://jsbin.com/epata3/3

Если переместить script внутрь head, , она будет работать : http://jsbin.com/epata3/4

И вы правы, с 1.6.0 все работает как положено: http://jsbin.com/epata3/7

???


Что-то не так с вашим включенным jQuery.

Этот простой тестовый пример ломается в IE8 точно таким же образом:

См. В IE8: http://jsbin.com/exomi4

Фон мигает красным, затем становится белым.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style>
body {
    background-color: red;
}
</style>

</head>
<body>
<script type="text/javascript" src="http://www.mojalbum.com/js.php?f=core/jquery_1.6.1.js,&c=v2"></script>
</body>
</html>
2 голосов
/ 27 мая 2011

Я вернул версию jQuery обратно до 1.6 (с 1.6.1). Это решило проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...