Internet Explorer ( Обозреватель Интернета ):Сломанные Подчеркивания
-
20-08-2019 - |
Вопрос
У меня возникли некоторые проблемы с корректной работой этого макета в IE.Проблема в том, что когда у меня есть немного текста с мелкими заглавными буквами и подчеркиванием, изображение с выравниванием по вертикали, установленным на середину, разбивает подчеркивание.Подчеркивание строчных букв смещено вниз. Смотрите на картинку.
Это прекрасно выглядит в Firefox, Chrome и Opera, но это не работает во всех версиях IE, которые я пробовал, включая 8.Это происходит и для подчеркнутых ссылок.Вот код:
<html>
<head>
<title>Test</title>
<style type="text/css">
img { vertical-align: middle; }
span { text-decoration: underline; font-variant: small-caps; }
</style>
</head>
<body>
<img src="pic.png">
<span>Abc QWerty AbCdEfGhIjKlMnOpQrStUvWxYz1234567890</span>
</body>
</html>
Спасибо за любые предложения.
Решение
Если вы не заботитесь о проверке CSS, добавляя zoom:1
декларация (или любая другая hasLayout
обращение к объявлению) к вашему стилю span решит проблему (по крайней мере, в IE6 / 7).
Другие советы
Мне также не удалось заставить это сработать (zoom:1
ничего не делает для меня).Теперь я прибегнул к использованию border-bottom
вместо того , чтобы underline
...