Ещё одна CSS-техника замены текста изображением

Новая CSS техника замены текста изображениемИнтересная заметка, где рассматривается HTML5-техника замены текста изображением. Обычно это приходится делать за счет отрицательного значения text-indent, но там возникают свои тонкости и непрятности в случае inline-блоков.

В заметке приводится такое решение:

.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
}

Из недостатков: серый след в IE6; нельзя использовать единицы em для отступов, т.к. размер текста равен нулю; не работает когда CSS не загружен; текст может отображаться, если пользователь использует кастомные стили для указания приоритета и размера текста.

Поделитесь с друзьями:



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>