替换水平标尺<hr>标签

Question

我正在使用以下代码生成水平条.它适用于较旧的浏览器版本,但不适用于Internet Explorer 9.直到我点击"兼容性视图"才能看到它.我们有替代品还是已经更换了？

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

Answer 1

尝试

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

Answer 2

原始形式的人力资源,如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.

所以你只需要很好地设计它.

Answer 3

我也使用了div,就像这样 <div style="width: 100%; height: 7px; background: #F87431; overflow: hidden;">