IE9 отображает белую линию внизу страницы

Недавно я заметил на нескольких веб-страницах и некоторых своих собственных, что, когда они отображаются в Интернете В Explorer 9, когда он не находится в режиме Quirks, он отображает белую линию размером около 1 пикселя внизу страницы.Это похоже на то, что тег html был с padding-bottom: 1px и заключен в другой элемент с белым фоном (но это не так, и у него нет заполнения). Похоже, что различия между стандартами IE9 и режимом quirks проявляются при определении ширины элемента упаковки, но по вертикали. Также кажется, что содержимое элемента перемещается на 1 пиксель предыдущим элементом, как и их содержимое, но не поля или границы, а перекрывают размеры следующего элемента.

Я не могу точно определить, чем это вызвано. Иногда на странице 2 таблицы и все нормально. Затем вам нужно добавить третий, и появится линия. Кстати, это даже не обязательно должны быть таблицы.

Иногда эту проблему решает сброс css. Установка той же высоты строки, что и в теле для ссылок:

body {
    line-height: 1
}
a, links, visited {
    line-height: 1
}

исправляет это, но не всегда. Единственное, что я могу сделать, это проверять элемент за элементом, отключая / разрешая их правила css, пока они не исчезнут.

Я заметил, что при наличии таких элементов, как таблицы, поля ввода, текстовые поля, вероятность возникновения этой проблемы повышается. «сброс» их атрибутов иногда тоже решает эту проблему.

Я знаю, что было бы проще привести код в качестве примера, но, как я уже сказал, я не мог определить для него шаблон. Я могу привести несколько примеров сайтов / URL-адресов. Я замечаю эту ошибку (вы должны посмотреть в самый низ страницы и увидеть разницу между IE и другим браузером, например Firefox):

casinosdelmundo.info, gatosabido.com. br, espanol.yahoo.com, en.wikipedia.org/wiki/Bruce_Beutler, ea.com/command-and-conquer-4, facebook.com (те, у которых белый или почти белый bg, измените фон тела с помощью f12, инструмент разработчика, и вы увидите).Я нашел пример даже здесь, в stackoverflow (как и сегодня, на главной странице stackoverflow.com также отображается эта строка, но это может измениться, поскольку иногда проблема появляется или исчезает, когда появляются или удаляются новые элементы):

this вопрос имеет белую строку: Заставить ссылку в ячейке таблицы заполнить всю высоту строки

в этом нет: FireFox 3 line-height

Проверить этот снимок экрана, если вы все еще не поняли, о чем я говорю: enter image description here

наличие этой проблемы на очень известных (или нет) сайтах заставляет меня думать, что это ошибка IE9 и единственное окончательное исправление для нее всегда используется белый фон, поэтому белую линию никто не заметит (хотя линия все равно будет). но это явно не лучший вариант. Я никогда не встречал эту белую линию в Chrome или Safari.

Итак, сталкивался ли кто-нибудь с той же проблемой и нашел лучшее решение?

10
задан Community 23 May 2017 в 12:01
поделиться