Html 将绝对元素放置在绝对元素中。即

我不知道是否有人问过这个问题，如果有，我很抱歉。我可以说，在我的辩护中，我用一个熟悉的标题检查了大约10个问题

问题是：

<div id= "">
<object>
   <embed>
      <img src="" />
   </embed>
</object>
</div>

由于我的对象在某个点之前是隐藏的，因此按钮也隐藏在其中

你可能猜不到。在那里，不仅按钮是可见的，而且是相对于窗口的！ 这意味着离电影很远

我添加了一种使用JS隐藏/显示CSS现在的按钮的方法：

#closeButton
{
    position:absolute;
    right: 10px;
    bottom:55px;
    z-index:400;
    background: none;
    display:none;
}

它选择了正确的位置，在电影中隐藏和展示。猜猜看，但是，点击它会变得很棘手=）因为每当我把鼠标放在按钮上时，电影就会在卷展栏上触发一个事件，它们都会消失=）很搞笑

问题：为什么我的按钮位置相对于窗口？或者问题是藏在别的地方

PS我使用相对/绝对定位来模拟交叉固定定位，所以我不能放弃。但是按钮的行为是不可接受的=）而且直接放在电影里会很棘手，我希望没有它也能做到。虽然这是一种更简单的方法。但每部电影都有更多的工作要做

我要重复的问题是，只有IE，在所有其他浏览器中，按钮才起作用

全部代码

更新：

我尝试了以下关于放置包装器的建议，并做了一些修改。现在我有了这个代码

<div  id="bigBanner">
        <OBJECT width="100%" height="90"> 
        <PARAM NAME="quality" VALUE="high">
        <PARAM NAME="wmode" VALUE="opaque" >
        <PARAM name="AllowScriptAccess" VALUE="always" >
        <EMBED  src="big.swf" width="100%" height="90" wmode="opaque" quality="high" AllowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
        </EMBED>
        <noembed></noembed>
        </OBJECT>
        <div id="closeButton"><img src="close-box.jpg"  onClick = "HideAll();" title="Закрыть"/></div>
    </div>

拥有这些风格：

---

它很好地显示了按钮。但它（按钮）再次“在IE中跑开”

我相信你必须将你的电影和按钮（绝对定位）包装在一个有位置的div中：relative；以及宽度和高度（只是为了确定）

我发现大多数定位问题都是因为我没有把它包装在定位的东西中：相对的。我希望这有帮助

---

演示：

不是绝对定位对象/嵌入，而是将其放置在包装器中并绝对定位所述包装器。我还将按钮放在包装器中，这样您就可以相对地定位它，但仍然受益于外部容器的绝对定位

<div id= "wrapper">
<object>
   <embed>
      <img src="" />
   </embed>
</object>
<div id="button">foo</a>
</div>

#wrapper{position: absolute;}

福
#包装器{位置：绝对；}

您可以发布包含按钮的标记吗？（以及对象/嵌入或其父div的css）绝对定位对象的最近父对象（&&having position:relative）是什么？表示整个代码？好的，这是一部大电影（谢谢你）我还没有详细解释，但如果我按照你的建议包装，我的电影会在哪里放映？在包装袋里。这正是我不需要的。我的电影将漂浮在主要内容之上，并在窗口中保持固定位置。这就是为什么它在正文中，而所有其他页面内容都在包装器中。这实际上是一种工作方法，用于交叉浏览模拟固定位置，而不是位置：固定；我会再试一次以确定。但我记得这种方法不管用。我试过了，现在管用了。我仔细考虑了一下，我会给你一支箭=）但我没有足够的声誉yet@Olga：欢迎来到StackOverflow！您可以通过单击向下箭头下的大勾号符号，将此答案视为解决问题的答案。然后勾号会变成绿色，每个人都会看到这是公认的答案。如果你这样做的话，你甚至会得到声誉积分…；-）但是这个问题还没有完全解决，我可以发布一个新的并关闭这个吗？你在IE中的按钮仍然有问题吗？如果是这样的话，你可以发布一个截图吗？我不太明白你逃跑是什么意思。

<div id= "wrap">
  <object>
    <embed id="movie">
    </embed>
  </object>
  <img src="" id="closeButton" />
</div>

 #wrap
 {
      position:relative;
      width:640px;
      height:360px;
 }
 #movie
 {
      position:absolute;
      width:640px;
      height:360px;
      z-index:100;
      top:0;
      left:0;
 }
 #closeButton
 {
      position:absolute;
      right: 10px;
      bottom:55px;
      z-index:400;
      background: none;
 }

<div id= "wrapper">
<object>
   <embed>
      <img src="" />
   </embed>
</object>
<div id="button">foo</a>
</div>

#wrapper{position: absolute;}