关于在ie和firefox中层定位的问题

Question

要求：兼容ie6.0和firefox 2.0

Answer 1

<div id="skinMenu" style="position:absolute;display:none;z-index:100">
<!--该层绝对定位，初始为隐藏//-->
...
asdfas
afs
</div><div id="notice">
<a href="#" onmouseover="changeSkin(event,this)" onmouseout=document.getElementById("skinMenu").style.display='none'>风 格</a>
</div>
aasdfasdfsdfasd
asdfsdf
<script>
function changeSkin(event,o)
{
//alert(o.offsetTop);
var oDiv=document.getElementById("skinMenu");
oDiv.style.top = o.offsetTop+o.offsetHeight+"px"//当前对象在屏幕中的顶坐标和高度
oDiv.style.left = o.offsetLeft+"px"
oDiv.style.display="block";
}
</script>

Answer 2

to:myvicy(qq15621679)该段代码在IE下无法定位skinmenu!!

Answer 3

参考：offsetTop和offsetLeft在ie中是相对于上一级标签。而在ff中是相对于body标签，该如何在ie中定位？

Answer 4

试用position:absolute和z-index两个定位试一下吧。

Answer 5

默认样式如下（在IE中还是无法定位噻）：
#skinMenu
{
position:absolute;
width:50px;
height:40px;
line-height:1em;
border:solid 1px #CBDCC5;
background:#F2F9F2;
    visibility:hidden;
    z-index:100;
    }

Answer 6

那你其他的定位有用到position和z-index么？其中z-index的属性是相对于z-index值比它小的。