一.針對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 相容寫法 ...