CSS相容性總結

2022-05-03 23:30:12 字數 1535 閱讀 7396

一.針對ie6的 !important

必須寫在前面,例如:

background:#9c6 !important;background:#999;

二.css hack

//ie6 專用

_height: 100px;

//ie7 專用

*+height: 100px;

//ie6、ie7 共用

*height: 100px;

//ie7、ff 共用

height: 100px !important;

瀏覽器在解釋的時候,如果重名的話,會用後面的覆蓋前面的,就象給變數賦值乙個道理,所以我們把通用的放前面,越專用的越放後面。

三、使用ie專用的條件注釋

ie的if條件hack

1.  除ie外都可識別 

2. 3.

4. 5.

6. 7.

8. 9.

10.

11. 注:gt = great then 大於

> = > 大於號

lt = less then 小於

< = < 小於號

gte = great then or equal 大於或等於

lte = less then or equal 小於或等於

一.針對ie6的 !important

必須寫在前面,例如:

background:#9c6 !important;background:#999;

二.css hack

//ie6 專用

_height: 100px;

//ie7 專用

*+height: 100px;

//ie6、ie7 共用

*height: 100px;

//ie7、ff 共用

height: 100px !important;

瀏覽器在解釋的時候,如果重名的話,會用後面的覆蓋前面的,就象給變數賦值乙個道理,所以我們把通用的放前面,越專用的越放後面。

三、使用ie專用的條件注釋

ie的if條件hack

1.  除ie外都可識別 

2. 3.

4. 5.

6. 7.

8. 9.

10.

11. 注:gt = great then 大於

> = > 大於號

lt = less then 小於

< = < 小於號

gte = great then or equal 大於或等於

lte = less then or equal 小於或等於

CSS相容性彙總

css屬性hack 把屬性hack分為 字首屬性hack和 字尾屬性hack css屬性hack 字首 針對的瀏覽器 color red ie6及其以下的版本 color red 或者 color red ie7及其以下的版本 css屬性hack 字尾 針對的瀏覽器 color red 9 ie6 ...

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...

JavaScript 相容性總結

獲取滾動距離的相容 非chrome document.documentelement.scrolltop document.documentelement.scrollleft chrome document.body.scrolltop document.body.scrollleft 相容寫法 ...