Deerua about Coding -> CSS: two background image for one tag (2 фоновые картинки у тэга)

Блог о кодинге, автор Deerua

coding, javascript, css, html, php, jquery, mysql, deerua

Deerua about Coding

 Избранное

 Самые комментируемые за всю историю

 199 заметок ненаглядно

 Архив за 2010, 2009, 2008  год


Ноябрь 2009
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

 9 ноября 2009, 18:37       более 10-и месяцев назад

CSS: two background image for one tag (2 фоновые картинки у тэга)

У тегов есть селектор :first-letter, по сути превращающий первую букву в ноде, в такой себе блок с отдельными свойствами. Этим просто грех не воспользоваться:
div{
  background-image: url(/image_back.jpg)­;
}
div:first-letter {
  background-image: url(/image_front.jpg)­;
}
И как всегда, маленький ньюанс, в ИЕшках… Они как всегда испортили интернет :)) Но не всё так печально, что бы эта конструкция работала, не забываем между селектором фёрст-леттер и скобкой { ставить пробел ;)



зы: проблем с позиционированием будет много, но метод имеет право на существование ;)

Адрес для трекбеков: http://deer.org.ua/2009/11/09/1/ping/

 Комментировать…

 Теги: css

Ctrl
CSS: two background image for one tag (2 фоновые картинки у тэга)
Нужно создать сайт на 1С-Битрикс(Bitrix)?
Работает на движке e2 Selecta * All sources code was highlighted with w3club Highlighter.
deer.org.ua © 2008—2010 Vitaliy Bogdanets Deerua