Как правильно стилизовать HR?

1

Хочется заполнить горизантальный разделитель (<hr />) фоновым рисунком (background-image). Как это правильно сделать чтобы выглядело адекватно во всех браузерах?

Новые ответы


2

Есть хорошая статья по этому поводу:

http://www.sovavsiti.cz/css/hr.html

Общий вывод из статьи такой — стилизовать HR очень сложно. Потому что каждый браузер отображает его по-свойму. Opera, например, рисует вокруг HR бордюр, который нельзя убрать. Есть проблемы и с хромом. Самое простое решение для кроссбраузерной стилизации — отказаться от HR и использовать обычный DIV.

1

Достаточно добавить в CSS:

    hr { height: 20px; background-image: url(image.png); }

v1.7.123.556
© 2009—2010 CodeHelper FAQ | О сайте | Обратная связь | История изменений | Статьи
Creative Commons LicenseМатериалы сайта распространяются под лицензией Creative Commons Attribution-Share Alike 3.0 Unported.