js相容性問題

2022-05-17 23:06:30 字數 762 閱讀 8141

1. event物件

ie:有window.event物件

ff:沒有window.event物件

【解決方法】傳入event引數再進行判斷

function

test(event)

2.滑鼠當前座標(含滾動)

ie:event.offsetx 和 event.offsety

ff:event.layerx 和 event.layery

【解決方法】 

var event=event ||window.event;

var x=event.offsetx ||event.layerx;

var y=event.offsety || event.layery;

或者也可以用jquery 傳入event引數

$(".test").mousemove(function

(event)

沒有滾動條可以直接使用event.clientx 和event.clienty

3.獲取scrolltop(垂直滾動的距離)

ie: document.body.scrolltop

ff: document.documentelement.scrolltop

var scrolltopval=document.body.scrolltop||document.documentelement.scrolltop

先這麼多,遇到再更新了~~

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