css之div相容性問題

2021-08-28 15:32:54 字數 850 閱讀 1949

1、解決超連結訪問過後hover樣式不顯示的問題

改變css屬性的排列順序:先後順序標準應為:a:link—a:visited—a:hover—a:active;

2、margin加倍的問題

ie6用margin時會加倍,解決方法是加上display:inline。但是margin加倍只是左右加倍,上下沒影響的;

3、div寬度的不同

div的寬度,ie6、ie7和火狐三者實際寬度(或者高度)都為width(height)+padding+border,所以當有div巢狀時最好不要把內層div寬度寫成width:100%,因為如果邊框不為0,會充破外層div,而衝破的情況在ie6、ie7和火狐三者之間又是不同的,ie6會帶動外層div寬度也增加(除非設定了overflow屬性限制大小),而ie7和火狐則外層的寬度保持不變,內層寬度向右增加;

4、ul以及內部li的不同

ul和內部的li在ie6 ie7 火狐三者之間在不同的屬性下會有很多地方不同,建議統一的寫法是:ul的屬性加上list-style:none,li的寬度加上padding的總和為ul的寬度,列表前的符號建議用字元或者用背景表示;

5、高度無法自適應問題

當div有巢狀時,如果父物件的高度設為自動,在火狐 ie6 ie7下,高度的自適應問題,情況也比較多,總的解決方法是外層div設有浮動屬性,就可解決所有問題,包括三層巢狀,外倆層高度設為自適應的情況,把外倆層都設定浮動屬性,就可解決所有問題。但如果父物件是最外層,卻又不想有浮動,則不用這個浮動的方法,而在子物件的下面加個div,加上「」就可解決問題了;

6、鏈結的不同

火狐下鏈結加邊框和背景色,需設定 display:block解決;

7、li中內容超過長度後以省略號顯示的方法.

css相容性問題

先來談談css hack 我們為了讓頁面形成統一的效果,要針對不同的瀏覽器或不同版本寫出對應可解析的css樣式,所以我們就把這個針對不同瀏覽器 版本而寫css的過程叫做 css hack.css hack主要有三種 ie條件注釋法 css屬性字首法 選擇器字首法。1 ie條件注釋法,即在正常 之外新...

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

css相容性問題集

ie相容性hack 6減 7乘 8除 ie6 7 8 input textarea等輸入框,在蘋果ios顯示有內陰影 圓角邊框 按鈕漸變透明bug圓角 限制input type file 上傳檔案型別 type file value 上傳 效果如下 value 上傳 或 type file name...