水平線標籤在 ie 和 firefox 之不同的解決《by 童顏未老人》

　微軟的 ie 有點討厭，一些 html 的語法就是要與別人的不一樣，最近為了要讓自家公司的網頁能通吃 ie、 firefox ，於是下了苦心去調整程式。

　之前公司的在繪製長條圖時，都是採用圖片，然後再利用 width 的屬性來將其拉長到想要的長度！不過後來連圖也不想用了，畢竟圖還是有一點大小，為了省下一點點的速度，所以把它換成 html 的語法。

　當時採用的是

---

，這個繪製水平線的標籤。因為要區分嚴重性，所以線本身需要顏色管理，因此在

---

裏面特用了 css 的 style 來設定它的顏色和厚度。而且

---

在 default 上周在上下兩邊會有一點 margin，所以當時是如此下：

　其結果在 ie 中能得到滿意的效果，如下圖：

　但是在 firefox 中，卻是慘不忍睹，如下：

　於是經過一番測試後終於了解到，firefox 當設立 height 後，水平線本身是中空的， css 中的 color 所指定的顏色通通沒用。而且 firefox 對於

---

的上下 default margin 也和 ie 不同，所以程式有得依 ie 和 firefox 的不同來分別設定了！

　這樣一來， ie 還是可以好好的保遲原來的效果， firefox 的效果也能令人滿意了！