Я использую приведенный ниже код для создания горизонтальной полосы. Он работает в старых версиях браузера, но не в Internet explorer 9. Он не будет виден, пока я не нажму на "Вид совместимости". У нас есть альтернатива для этого или его заменили?
<hr style="color:#F87431 ; height:7px "/>
Try
<hr style="background:#F87431; border:0; height:7px" />
Я также использую div для этого, что-то вроде <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">
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.
Так что вам просто нужно хорошо стилизовать его.
Попробуйте что-то вроде этого:
<div style="color:#F87431;height:7px;">-------------------</div>
Не используйте HR, поскольку он устарел на этом этапе и использует только встроенный CSS для тестирования; -)