На блоге «The Webmakers Lounge» появилась очень полезная статья об использовании псевдокласса :first-letter для назначения 2-х фоновых изображений одному элементу. Примечательно что способ работает в IE6, но как всегда не без определенного нюанса. Выглядит это следующим образом:
Допустим у нас есть заголовок
<h2>НОВОСТИ</h2>
Добавляем стили…
h2{ background:#002261 url(/images/star2.jpg) right center no-repeat } h2:first-letter { background: url(/images/star1.jpg) left center no-repeat; padding-left:25px }
Двойной фон готов!
НОВОСТИ
А нюанс заключается в том что нужно обязательно поставить пробел между самим псевдоклассом :first-letter и открывающей фигурной скобкой, в противном случае в IE6 метод не сработает.
А пример показать?
Добавил
А теперь посмотри пример под ие 6
прикольная штука, надо заюзать
Yuriy, спасибо уже видел. Цитирую последний комментарий к статье на сайте автора:
Забавная вещица..Нужно будет попробывать..))
Занимательная штука, спасибо. Кстати что касается пробелов между атрибутом и фигурной скобкой то их нужно ставить в любом случае, так и код выглядит опрятнее и удобочитаемость повышается, да и вот как оказывается в ИЕ6 (всеми любимом
) работает лучше.