在做頁面是有時候會用到分割線 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字型大小,其子元素 子孫元素未設定字型大小或設定的...