? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 13條兼容問題處理方案
在做頁面時遇到的一些關于兼容的問題處理方案:
1、background進行背景設置在IE瀏覽器下失效的原因是IE對空格非常的敏感,如果用background復寫形式必須要注意!
2、img在IE下會有所差異,如需可設置outline:none;或者border:none進行調試
3、導航列表只需設定一個寬度,分別對li進行float:left和float:right;
4、如讓二級下來菜單不影響一級的可使用絕對定位
5、在圖片設置position屬性時要注意relative和absolute的區別,一個在標準文檔流中而另一個則脫離了標準文檔流,在IE瀏覽器下要特別注意位置的變化!
6、在非a標簽的hover屬性在IE瀏覽器下調試可以使用組件hover.htc進行兼容
7、在IE瀏覽器下對PNG的兼容可以引進
8、在IE下可以使用組件ie-css3.htc進行兼容
9、在JS或JQ中如果要給背景圖片設置位置必須要使用,完整的background-position: x y;單獨設置的在火狐下無效
10、單獨針對IE除了【if IE】設置可使用_color:red;
11、zoom:1;屬性是IE瀏覽器的專有屬性,Firefox等其它瀏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的hasLayout屬性,清除浮動、清除margin的重疊等。
12、清除浮動,最優方案為直接使用.clearfix::after { clear:both;display:block;content:' ' ;}
13、JQ下設置滾屏距離時,需在body后添加一個html否則IE和火狐不吃;如:$('body,html').animate({"scrollTop":wH},1000);