我创建了 <div>元素，我正在显示/隐藏 <div>使用 java 脚本..
但问题是它的位置在所有不同的浏览器上都不同
javascript如下
< script language="JavaScript" type="text/javascript">
var abc=false;
function showHide()
{
var a=document.getElementById("MainDiv");
var b=document.getElementById("myTestDiv");
if(abc==false)
{
abc=true;
b.style.top = a.offsetTop;
b.style.left = a.offsetParent;
b.style.display = "inline";
}
else{
abc=false;
b.style.display = "none";
}
}
</script>
html如下
<div id="myTestDiv" style="border: 2px solid rgb(100, 149, 237); color:#23238e; background-color:#FFFFFF; position:absolute; width:14%; height:17%; display:none" >
最佳答案
为什么 b.style.left = a.offsetParent; ？ https://developer.mozilla.org/en/OffsetParent
我想你想要 b.style.left = a.offsetLeft;。无论如何，为什么要为此使用 JavaScript？你不能设置 position: relative; 的 MainDiv 和 top: 0; left: 0; of myTestDiv?
关于css - <div> 选项卡的跨浏览器问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6303739/