Heim > Web-Frontend > HTML-Tutorial > Über den Unterschied der Trennlinie HR in verschiedenen Browsern_HTML/Xhtml_Webpage-Produktion

Über den Unterschied der Trennlinie HR in verschiedenen Browsern_HTML/Xhtml_Webpage-Produktion

WBOY
Freigeben: 2016-05-16 16:36:49
Original
1636 Leute haben es durchsucht

Beim Erstellen von Seiten wird manchmal die Trennlinie hr verwendet, die Anzeige unter ie6 und ie7 ist jedoch sehr mühsam. In diesem Artikel erfahren Sie, wie Sie hr schreiben, das mit verschiedenen Browsern kompatibel ist.

Startseite Lassen Sie uns zunächst die Unterschiede in den Stunden unter jedem Browser verstehen, wie in der folgenden Tabelle gezeigt:

Zum Beispiel, wenn Sie eine Seite mit einer tatsächlichen Höhe von erstellen möchten 3px, ein Rand von 1px und eine Randfarbe von #07f , die Trennlinie mit der Hintergrundfarbe #f60:

Kopieren Sie den Code
Der Code lautet wie folgt:

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage