替換爲水平標尺<hr>標籤

我正在使用下面的代碼來生成水平條。它可以在較舊的瀏覽器版本中運行，但不能在Internet Explorer 9中運行。只有在單擊「兼容性視圖」之後才能看到它。我們有替代品嗎？還是已經更換了？替換爲水平標尺<hr>標籤

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

來源

2012-06-14 Chandra Eskay

嘗試

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

來源

2012-06-14 12:27:02 Oliver

它將不可見，這是我試過;（ –

對不起，它現在出現了。我錯過了邊界：0屬性。謝謝...... –

原始形式的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-14 12:26:37

-6

嘗試是這樣的：

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

不要使用人力資源，因爲它是在此階段不建議使用，並且只能使用內聯CSS測試;-)

來源

2012-06-14 12:27:56 IrishChieftain

HTML5中的變化：儘管以前版本的HTML僅在表達式中定義hr元素，但是元素現在被賦予了表示「段落級主題中斷」的特定語義目的。請參閱http://dev.w3.org/html5/markup/hr.html – Oliver

仍然不應該使用它看起來很可怕，並且開發人員將來會維護您的標記會認爲如果您已經使用它可以重用，他們可能無法塑造其固有的醜陋。實際上，這是應該避免的。 – IrishChieftain

就個人而言，我會避免厚度，因爲它看起來矮胖.... – IrishChieftain

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

來源

2012-06-14 12:32:25

這給了我一個替代方案，它很酷...謝謝 –

感謝哥們，拯救了我的一天。我正在尋找替代

非常感謝 –

替換爲水平標尺<hr>標籤

回答

相關問題