web設計中瀏覽器不相容的設定

2021-09-29 08:49:55 字數 906 閱讀 2271

全域性css設定

1.清除所有的標記的內外邊距

body,ul,li,a,img,p,input

2.去除專案符號或編號前面的符號

ul,ol,li

3.全域性鏈結效果

a:link,a:visited

a:hover

4.網頁中所有的文字大小顏色

body

img

6.全域性的類樣式

.floatl

.floatr

.clear

.blank10

.red

.blue

常用的相容性除錯技巧

1.實現所有的瀏覽器主頁居中

火狐下的主頁居中: .box

ie5.5下的主頁居中: body

結合在一起: .box

2.單行文字上下居中

h13.在ie6下,左右margin加倍,ie6,5下的乙個bug

解決方法: .class//將塊元素轉為行內元素

注意:排版時,能使用padding解決的,堅決不用margin.如果實在想用,就只是用一邊.

css hack

1.針對不同的瀏覽器,書寫不同的css**的過程,成為"css hack"

也就是說:寫乙個css**,讓ie6識別,其他的瀏覽器不識別

2.下面,針對不同的瀏覽器,有幾個符號:

這些符號是在css屬性的前面加的,用於分辨不同的瀏覽器版本

"*"ie6和ie7都識別,如: .box

"_"ie6識別,如: .box

編寫順序:firefox---ie7---ie6

3.他不是w3c的標準,盡量少用

瀏覽器相容設定

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

IE瀏覽器不相容問題

ie瀏覽器不相容問題 專案在火狐,谷歌瀏覽器都沒有任何問題,但是單純ie瀏覽器上就會出問題,看似是專案設計中的邏輯問題一樣。var condictions encodeuri date encodeuri place encodeuri specific encodeuri delay encode...

IE瀏覽器不相容indexOf 方法

ie瀏覽器簡直是程式設計師的噩夢,寫 的時候總是要考慮ie瀏覽器的相容問題,真令人頭疼!jquery中有乙個inarray方法,在ie瀏覽器中也適用,可以代替indexof方法。inarray 函式用於在陣列中查詢指定值,並返回它的索引值 如果沒有找到,則返回 1 inarray value,arr...