我正在使用下面的代码来生成一个水平条。它适用于较旧的浏览器版本，但不适用于 Internet Explorer 9。在我单击“兼容性视图”之前，它不会可见。我们是否有替代品或已被替换？
<hr style="color:#F87431 ; height:7px "/>
问问题
66206 次
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 回答