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

STRIKE や B などの元の形の HR は、あまりにもレイアウトやプレゼンテーション指向でした。

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 に答える