Замена тега горизонтальной линейки <hr>

Я использую приведенный ниже код для создания горизонтальной полосы. Он работает в старых версиях браузера, но не в Internet explorer 9. Он не будет виден, пока я не нажму на "Вид совместимости". У нас есть альтернатива для этого или его заменили?

<hr style="color:#F87431 ; height:7px "/>

Ответы

Ответ 1

Try

<hr style="background:#F87431; border:0; height:7px" />

Ответ 2

Я также использую div для этого, что-то вроде <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">

Ответ 3

HR в своем первоначальном виде, например, STRIKE, B и т.д., были слишком ориентированы на макет и презентацию.

HTML 5 перемещает разметку на более семантическую структуру с большим вниманием к размещению макета на CSS и медиа-элементах.

Из документации W3C:

In HTML 4.01, the <hr> tag represented a horizontal rule. 
In HTML5, the <hr> tag defines a thematic break. 
However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.

Так что вам просто нужно хорошо стилизовать его.

Ответ 4

Попробуйте что-то вроде этого:

<div style="color:#F87431;height:7px;">-------------------</div>

Не используйте HR, поскольку он устарел на этом этапе и использует только встроенный CSS для тестирования; -)