替换水平标尺<hr />标签

Question

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

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

Answer 1

尝试

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

Answer 2

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

一样

Answer 3

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

尝试这样的事情：

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

不要使用HR，因为它在此阶段已弃用，仅使用内联CSS进行测试; - ）