Ошибка IE9 в текстовом рендеринге - хвосты нарезанных букв
У меня возникает проблема, когда - в режиме стандартов IE9 - IE9 отображает текст таким образом, что хвосты по нисходящим буквам - "q, p, y" и т.д. - исчезают. Попробовали играть с дополнениями и другими распространенными настройками CSS, помогая исправить это, но мне пока не повезло.
Кто понял, что это может быть?
Ответы
Ответ 1
EDIT: Я нашел это в блоге. Ссылка больше не живет. Оставьте здесь на всякий случай, когда он снова появится.
Как будто текст node внутри входа и высота строки был установлен на этом внутреннем элементе с окружающим элементом отсечение переполняющего текста.
Решение прост, установите для строки высоту значение "1" (без единиц)
Ответ 2
Используете ли вы пользовательский шрифт (@font-face), поскольку я обнаружил, что иногда, когда он используется с определенными размерами, он обрезает хвосты по тексту, независимо от высоты строки
Ответ 3
У меня была эта проблема, используя font: inherit
on input
. Объявили фактические шрифты, которые я хотел (прежде всего Вердана), и хвосты снова видны.
Также был протестирован line-height
на input
, но это снова вызвало проблему.
Вот что я закончил:
body, button, input, select, textarea {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
}
body {
line-height: 1.5;
}
Ответ 4
Этот параметр для строки-height: inherit на вкладках помогло.
input[type="text"], input[type="email"], input[type="password"], {
line-height: inherit; /* for i.e. */
}