Internet Explorer ( Обозреватель Интернета ):Сломанные Подчеркивания

StackOverflow https://stackoverflow.com/questions/1056013

Вопрос

У меня возникли некоторые проблемы с корректной работой этого макета в 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...

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top