CSS兼容性問題
PC頁面布局兼容
JS兼容問題
移動頁面兼容問題
CSS兼容問題
.header {_width:100px;} /* IE6專用/
.header {+width:100px;} /* IE7專用/
.header {width:100px;} /* IE6百框、IE7共用/
.header {width:100px\0;} / IE8供炎、IE9共用/
.header {width:100px\9;} / IE6、IE7返敬、IE8、IE9共用/
.header {width:330px\9\0;} / IE9專用/
.element{
color:#000; /w3c標(biāo)準(zhǔn)/
[;color:#f00;]; /Webkit(chrome和safari)/
color:#666\9; /IE8/
color:#999; /IE7/
_color:#333; /IE6/
}
:root .element{color:#0f0\9;} /IE9/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (
-webkit-min-device-pixel-ratio:0) { .element{color:#336699;}} /opera/
@-moz-document url-prefix(){ .element{color:#f1f1f1;}} /Firefox/
PC頁面兼容
1.如何讓div層顯示在flash 之上糠溜，給FLASH設(shè)置透明
<param name="wmode" value="transparent" >
2.IE6的3像素 bug：DIV浮動IE文本產(chǎn)生3象素的bug笆焰。左邊對象浮動，右邊采用外補丁的左邊距來定位绰咽，右邊對象內(nèi)的文本會離左邊有3px的間距
3.雙margin問題
4.盒模型的計算寬度不一樣
5.li在IE中底部3像素的BUG（增加浮動解決問題）在ie6，ie7下
6.圖片下方的空隙
JS兼容問題
事件綁定方式不一樣
獲取事件對象不一樣
在IE中body對象要在<body>標(biāo)簽完全讀入才會存在庆尘，而在FireFox中一開始就存在
在FireFox節(jié)點中沒有removeNode方法剃诅，必須使用如下方法 node.parentNode.removeChild(node)
FireFox不支持元素的innerText屬性，需用textContent
在FireFox中驶忌，自己定義的屬性必須用getAttribute()方法獲取矛辕，不能像在IE下直接獲取
移動端頁面兼容
頁面屏幕大小兼容
流式布局新舊語法
添加前綴
在UC怎么解決的
