Хочется заполнить горизантальный разделитель (<hr />) фоновым рисунком (background-image). Как это правильно сделать чтобы выглядело адекватно во всех браузерах?
Как правильно стилизовать HR?
1
Новые ответы
2
Есть хорошая статья по этому поводу:
http://www.sovavsiti.cz/css/hr.html
Общий вывод из статьи такой — стилизовать HR очень сложно. Потому что каждый браузер отображает его по-свойму. Opera, например, рисует вокруг HR бордюр, который нельзя убрать. Есть проблемы и с хромом. Самое простое решение для кроссбраузерной стилизации — отказаться от HR и использовать обычный DIV.
1
Достаточно добавить в CSS:
hr { height: 20px; background-image: url(image.png); }
