css 關於 hr 在各瀏覽器中的問題

2021-09-29 19:41:02 字數 474 閱讀 7314

在做頁面是有時候會用到分割線 hr,但是在 ie6 和 ie7 下顯示很蛋疼,本文將教你如何寫出相容各瀏覽器的 hr。

首頁我們先了解下 hr 在各瀏覽器下的差異,如下**:

正常瀏覽器

ie6、ie7

firefox

實際高度

height border

height

height

背景色background-color

background-color(當高度 <= 2px 時,顯示高度背景色為灰色,需要 color 來設定顏色)

background-color

比如想建立乙個實際高度為 3px,邊框為 1px,邊框顏色為 #07f,背景色為 #f60 的分割線:

hr@-moz-document url-prefix()} 

/*for firefox

*/

css在不同瀏覽器中的寫法

比如要分辨ie6和firefox兩種瀏覽器,可以這樣寫 我在ie6中看到是紅色的,在firefox中看到是綠色的。解釋一下 上面的css在firefox中,它是認識不了後面的那個帶星號的東東是什麼的,於是將它過濾掉,不予理睬,解析得到的結果是 div,於是理所當然這個div的背景是綠色的。在ie6中...

各瀏覽器的User Agent列表

1 使用者 是指瀏覽器,它的資訊包括硬體平台 系統軟體 應用軟體和使用者個人偏好。使用者 的能力和偏好可以認為是元資料或使用者 的硬體和軟體的特性和描述 2 sip終端系統稱為使用者 即ua useragent 含使用者 客戶機uac useragentclient 和使用者 伺服器uas user...

關於CSS中 用「rem 在谷歌瀏覽器下的問題

rem是css3新定義的設定字型大小屬性,常用的兩種字型大小設定有下面2種 1 px為單位 2 em為單位 百分比用法跟em類似 px為單位 在web頁面初期製作中,我們都是使用 px 來設定我們的文字,因為他比較精確和固定。只要頁面某元素設定了px字型大小,其子元素 子孫元素未設定字型大小或設定的...