原文:
1.ie浮動 margin 產生的雙倍距離
#box
2.display:inline-block;ie6,7下不相容
用float:left
3.position:fixed;ie6不支援
ie6下用position和js模擬,或者完全不用,用position和js模擬
4.cursor:hand;ie下正常ff不識別
用cursor:pointer解決
5.透明度
ie下使用filter:alpha(opacity=50)濾鏡,其他瀏覽器用opacity:0.5;
至於js的相容性巨多,像比較常用的:
ff:addeventlister, ie:attachevent(事件繫結)
getcomputedstyle, currentstyle(樣式)
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
相容性問題
ie6下最小高度為19px,增加font size 0後可縮小為2px 還是沒解決嘛 orz。增加overflow hidden屬性,截掉多餘的高度!ie6 ie7只支援標籤的四個偽類 lvha 不支援其他偽類。ie6,7下父級有寬度就可以不用清浮動,其他瀏覽器不可以哦 haslayout屬性 在i...
相容性問題
最近,問了很多有關相容性問題的解決示例,大部分人回答都是非常片面,甚至可以說是他們基本上沒有碰到什麼相容性問題。對於很多用jquery的前端來說,基本上很難在js上碰到相容問題,大部分如dom操作,事件等之類相容問題,jquery都能很好的解決。那為啥現在的趨勢是 去jquery 化呢?為此,vue...