z-index绝对div内绝对元素的问题

我需要一个关于IE上z-index问题的想法。这是我的HTML标记：z-index绝对div内绝对元素的问题

<div style="position:relative"> 
     <div style="position:absolute"> 
      <a style="position:absolute"> close button </a> 
     </div> 
    </div>

锚（关闭按钮）的部分之外的它的父（上图：-4px;右：-4px;），但它能够在父母的边框切割。有没有办法让锚点看起来正确？

后来编辑：http://jsfiddle.net/RTTkU/1/

来源

2011-09-21 lucassp

我放在一起jfiddle ... http://jsfiddle.net/kBe8S/2/。你能提供一些关于这个问题的更多信息，也许更多的代码？不太确定你要做什么。 –

我认为你已经尝试过z-index并且没有工作？ – Dave

http://jsfiddle.net/kBe8S/10/ jsfiddle让它更清晰一点http://imageshack.us/photo/my-images/593/73895356.jpg/ http://imageshack.us/ photo/my-images/233/26231636.jpg /剪下的是来自IE 7＆8。 – lucassp

应用于框的IE特定“过滤器”属性充当“overflow：hidden;”从而裁剪出穿过盒子边界的每个子元素。

来源

2012-12-18 13:00:43 lucassp

你可能需要在父（或多个）overflow: visible。

来源

2011-09-21 21:42:53 JoshNaro

无法正常工作。结果是一样的。请检查我以前的评论。谢谢！ – lucassp

后不管你有这么远，所以我们可以看看，但在同时，我做了一个小的演示，你可以尝试一下，看看它是什么你正在寻找：

CSS

.box { 
    position:relative; 
    width:400px; 
    height:200px; 
    background-color:#ddd; 
} 

.close { 
    position:absolute; 
    top:-6px; 
    right:-6px; 
} 

.close a { 
    background: url(http://cdn3.iconfinder.com/data/icons/lynx/22x22/actions/dialog-close.png) no-repeat transparent; 
    display:inline-block; 
    height:22px; 
    width:22px; 
    text-indent:-9999px; 
    z-index:9999; 
}

HTML

<div class="box"> 
    <div class="close"> 
     <a title="Close" href="#">close</a> 
    </div> 
</div>

Demo

来源

2011-09-22 22:13:49

z-index绝对div内绝对元素的问题

回答

相关问题