FireFox下設定DIV的top和left無效解決方法
火狐瀏覽器和IE瀏覽器有很多衝突,往往在IE下正常的在火狐下就不正常了,這就需要程式去判斷,搞定他們相容問題!
下面這段程式碼解決了在火狐下div設定top和left無效的BUG和在IE下滾動條無效的BUG
------------------------------------------------JS-------------------------------------------------
function ShowNew(ev)
{
//相容火狐和IE獲取event物件
var ev = ev||window.event;
var x=0;var y=0;
if(ev.pageX || ev.pageY)
{
x=ev.pageX;y=ev.pageY;
}
else
{
//相容火狐和IE獲取滾動條的滾動引數
if (document.documentElement && document.documentElement.scrollTop)
{
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
}
else if (document.body)
{
t = document.body.scrollTop;
l = document.body.scrollLeft;
}
x=(ev.clientX + l - document.body.clientLeft);y=(ev.clientY + t - document.body.clientTop);
}
alert('x:'+x+' y:'+y);//測試顯示
}
----------------------------------------------HTML----------------------------------------------
<div id="NewInfo" style="z-index:100;position:absolute;">aaaaaaaa</div>
<img onmouseover="javascript:ShowNew(event);" src="a.jpg"/>