24

我正在使用下面的代码来生成一个水平条。它适用于较旧的浏览器版本，但不适用于 Internet Explorer 9。在我单击“兼容性视图”之前，它不会可见。我们是否有替代品或已被替换？

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

4 回答 4

27

尝试

<hr style="background:#F87431; border:0; height:7px" />
于 2012-06-14T12:27:02.527 回答
14

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.

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

于 2012-06-14T12:26:37.773 回答
14

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

于 2012-06-14T12:32:25.003 回答
-5

尝试这样的事情：

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

不要使用 HR，因为它在这个阶段已被弃用，只使用内联 CSS 进行测试 ;-)

于 2012-06-14T12:27:56.697 回答