解決相容性的方法
1.清除浮動的相容性：
清除浮動在低版本瀏覽器不可以使用，需要處理相容性加乙個
2.rgb 和rgba和opacity的相容性：
rgb 和 opacity在ie低版本中不支援，需要加乙個filter：alpha（opacity=50）；
3.解決css3中的相容性
chrome（谷歌）的字首-webkit-
firefox（火狐）的字首-moz-
ie的字首 -ms-
poera（歐朋）的字首-o-
國內的瀏覽器的核心都是谷歌
4. le6不支援document.documentelement
相容寫法
var w=document.element.clientwidnth||document.body.clientwidth
獲取瀏覽器可見區的寬度
5.獲取元素的子節點
元素.childnodes 這個屬性有相容性 標準瀏覽器會獲取到文字節點而低版本的不會，所以建議使用children這個屬性。
標準下 元素.firstelementchild
非標準下 元素.firstchild
相容下寫法
var list=document.getelementbyid("list")
var fist=list.firstelementchild||list.firstchild
console.log(fist)
6. js解救相容性的方法
1.||
var dd=document.documentelement.clientwidth||document.body.clientwidth
2.if（）else{}
if(window.getcomputedstyle)else
console.log(csss)
3.try{}catch(err){}
必須在報錯的條件下，和if else比較效能上比較差，萬不得已的情況下不能下
相容性元素沒有子節點，ie低版本會讀取不到，而標準瀏覽器會
因為標準瀏覽器會把文字節點當做子節點，而ie6-8不會
8.獲取瀏覽器body的屬性是有相容的
相容寫法：var ss=document.documentelement||document.body
9.event的相容性
在chrome下event是undefined；在ie低版本下null；在火狐下會報錯
document.onclick=function(e){
var e=e||window.event
10.mouseevent相容性：
標準瀏覽器可以直接讀取，但ie不行。
document.onclick=function(ev){
var ev=e||window.event
11.event物件的相容性：
clientx和clienty是滑鼠到瀏覽器視窗的左上角的距離
pagex和pagey是滑鼠到網頁左上角的距離座標，但ie低版本沒有這個屬性
在ie下怎麼算pagey的值？用client+scrolltop
12.阻止事件冒泡的相容性寫法
1.event.vancelbubble()
2.event.stoppropagation?event.stoppropagation():event.cancelbubble=ture
13.阻止事件預設行為相容性
event.preventdefault?event.preventdefault():event.returnvalue=false
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
相容性問題
原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6，7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬，或者完全不用，用position和js模擬 4.cursor ha...
相容性問題
ie6下最小高度為19px,增加font size 0後可縮小為2px 還是沒解決嘛 orz。增加overflow hidden屬性，截掉多餘的高度！ie6 ie7只支援標籤的四個偽類 lvha 不支援其他偽類。ie6，7下父級有寬度就可以不用清浮動，其他瀏覽器不可以哦 haslayout屬性 在i...