FireFox下设置DIV的top和left无效解决方法
2010-12-31 11:40
525 查看
火狐浏览器和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"/>
下面这段代码解决了在火狐下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"/>
相关文章推荐
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- 在CSS中span标签设置padding-top/bottom以及margin-top/bottom无效的解决方法
- FireFox IE6 设置padding-top 显示不一样解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- table和div设置height:100%无效的完美解决方法
- flash透明\flash置底无效\flash遮挡div的解决方法 兼容Firefox ,IE,chrome浏览器
- table和div设置height:100%无效的完美解决方法
- DIV的高度自动拉伸(height属性)在IE 7和Firefox下无效和解决方法
- table和div设置height:100%无效的完美解决方法
- [转]table和div设置height:100%无效的完美解决方法
- div没有设置颜色时z-index不起作用的解决方法
- HTML给div设置百分比高度无效的解决方式
- D3js-绘制地图时出现过小, 设置scale还是无效 的解决方法
- Virtualbox 遇到发现添加网卡遇到 “发现无效设置解决方法”
- IE和Firefox的div高度自适应解决方法
- IE firefox div 设置left的属性问题
- Firefox中autocomplete="off" 设置不起作用Bug的解决方法