Perihalan masalah teg hr dalam pelbagai pelayar_HTML/Xhtml_Pengeluaran halaman web

Secara amnya, kita jarang melihat HR, tetapi apabila kita melakukannya, ia boleh bermakna perbezaan antara hidup dan mati. Perkara yang sama berlaku dalam HTML Kami tidak sering melihat

---

, tetapi penglihatannya biasanya menentukan sama ada kita boleh menggunakan garis pemisah yang sempurna. Di sini, saya tidak akan melampirkan gambar, cuma senaraikan untuk rujukan:

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

Sebagai contoh, jika anda ingin membuat garis pemisah dengan ketinggian sebenar 3px, empat sisi 1px, warna jidar #07f dan warna bahagian lain #f60, anda tahu:

Salin kod

Kod adalah seperti berikut:

jam{
tinggi:1px; 🎜>*tinggi:3px; warna:#f60;/ * untuk ie6 iaitu7 */;
warna latar:#f60;
sempadan: 1px pepejal #07f; -document url-prefix(){ hr{height:3px ;}} /* untuk firefox */


Adakah terdapat penyelesaian lain yang lebih menjimatkan tenaga kerja?