Beschreibung des Problems des HR-Tags in verschiedenen Browsern_HTML/Xhtml_Webseitenproduktion

Im Allgemeinen sehen wir HR selten, aber wenn es einmal passiert, kann es den Unterschied zwischen Leben und Tod bedeuten. Das Gleiche gilt für HTML. Wir sehen

---

nicht oft, aber sein Anblick bestimmt normalerweise, ob wir die perfekte Trennlinie verwenden können. Hier werde ich keine Bilder anhängen, sondern sie nur als Referenz auflisten:

	正常浏览器	IE6、7	Firefox
实际高度	height border-right-width border-left-width	height	height
背景色	background-color	background color(当高度<2px时，显示高度为灰色投影，需要color来设置颜色，相同于文字)	background-color

Wenn Sie beispielsweise eine Trennlinie mit einer tatsächlichen Höhe von 3 Pixel, vier Seiten von 1 Pixel, einer Rahmenfarbe von #07f und einer Farbe für andere Teile von #f60 erstellen möchten, wissen Sie:

Code kopieren

Der Code lautet wie folgt:

hr{
height:1px
*height:3px; color:#f60;/ * für ie6 ie7 */;
background-color:#f60;
border:1px solid #07f; -document url-prefix(){ hr{height:3px ;}} /* für Firefox */


Gibt es eine andere arbeitssparendere Lösung