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