相容性問題

2021-09-29 18:51:07 字數 639 閱讀 3146

document.body.scrolltop在各大瀏覽器的相容問題

var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
原生ie8不支援console.log,模擬的支援

阻止事件冒泡以及事件e的獲取

function stopbubble(e) else

}

獲採樣式,el.style只可以獲取行內樣式,需要獲取非行內樣式

// 相容獲取非行內樣式

function getstyle(el, prop) else

} // 如果要查詢偽元素,是在第二個引數傳入匹配的偽元素的字串

getcomputedstyle(document.getelementbyid("one"), '::after').width

獲取dom物件

監聽事件

// 封裝方法

function addevent(el, type, fn, bool) else

}

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