一个Div,使用绝对定位方式,想在点击某个区域中显示出来,它的CSS是这样设置的:
#popupDiv{
display:none;
position:absolute;
z-index:3;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
width:200px;
border:1px solid #000000;
background:#ffffff;
}而点击后,让它出现的JS代码如下:
function showMembers(obj,tdId){
var x=0;
var y=0; var browserName=navigator.appName;
if (browserName=="Netscape") {
x=300;//getElementPos(tdId).x+300;
y=300;//getElementPos(tdId).y-300;
} else if (browserName=="Microsoft Internet Explorer") {
x=getElementPos(tdId).x+124;
y=getElementPos(tdId).y;
} var popupDiv=$("popupDiv");
popupDiv.style.display= "block";
popupDiv.style.left = x;
popupDiv.style.top = y;
}以上代码在IE中没有问题,但关键是
x=300;//getElementPos(tdId).x+300;
y=300;//getElementPos(tdId).y-300; 这两句,即使是手工调整坐标,想定位的Div总还是在原来的地方,一点不动。这个问题困扰我好几天,请问大家该怎么解决这个问题?
#popupDiv{
display:none;
position:absolute;
z-index:3;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
width:200px;
border:1px solid #000000;
background:#ffffff;
}而点击后,让它出现的JS代码如下:
function showMembers(obj,tdId){
var x=0;
var y=0; var browserName=navigator.appName;
if (browserName=="Netscape") {
x=300;//getElementPos(tdId).x+300;
y=300;//getElementPos(tdId).y-300;
} else if (browserName=="Microsoft Internet Explorer") {
x=getElementPos(tdId).x+124;
y=getElementPos(tdId).y;
} var popupDiv=$("popupDiv");
popupDiv.style.display= "block";
popupDiv.style.left = x;
popupDiv.style.top = y;
}以上代码在IE中没有问题,但关键是
x=300;//getElementPos(tdId).x+300;
y=300;//getElementPos(tdId).y-300; 这两句,即使是手工调整坐标,想定位的Div总还是在原来的地方,一点不动。这个问题困扰我好几天,请问大家该怎么解决这个问题?
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货