相容性問題

2021-06-26 18:04:08 字數 433 閱讀 5287

原文:

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...