Подтвердить что ты не робот

Ошибка IE9 в текстовом рендеринге - хвосты нарезанных букв

У меня возникает проблема, когда - в режиме стандартов IE9 - IE9 отображает текст таким образом, что хвосты по нисходящим буквам - "q, p, y" и т.д. - исчезают. Попробовали играть с дополнениями и другими распространенными настройками CSS, помогая исправить это, но мне пока не повезло.

Кто понял, что это может быть?

4b9b3361

Ответ 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. */
}