Недавно я заметил на нескольких веб-страницах и некоторых моих собственных, что, когда они отображаются в Internet Explorer 9, когда он не находится в режиме Quirks, он отображает белую строку размером около 1px в нижней части страницы. Он, как и тег html, был с padding-bottom: 1px и завернут в другой элемент с белым фоном (но это не так, и у него нет отступов). Похоже, что различия между стандартами IE9 и режимом quirks показывают при определении ширины элемента упаковки, но по вертикали. Также кажется, что содержимое элемента получает 1px предыдущим элементом, как и их содержимое, но не полями или границами, перекрывает следующие размеры элементов.
Я не могу точно определить, что вызывает его. Иногда страница содержит 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 также отображается эта строка, но это может измениться с тех пор, иногда проблема появляется или исчезает при появлении или удалении новых элементов):
этот вопрос имеет белую строку: Сделать ссылку в ячейке таблицы заполнять всю высоту строки
этого нет: FireFox 3 line-height
Проверьте этот снимок экрана, если вы все еще не видите, о чем они говорят:
наличие этой проблемы на очень установленных (или нет) сайтах заставляет меня чувствовать ошибку IE9, и единственное окончательное решение для нее всегда используется на белом фоне, поэтому никто не заметит белую линию (линия все равно будет там). но это, очевидно, не самый лучший вариант. Я никогда не встречал эту белую линию в Chrome или Safari.
Итак, кто-то столкнулся с одной проблемой и получил лучшее решение?