html - 绝对 div 中绝对元素的 z-index 问题

Question

我需要了解 IE 上的 z-index 问题。这是我的 html 标记:

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

anchor (关闭按钮)部分位于其父元素之外(上:-4px；右:-4px；)但它在父元素的边界处被切断。有没有办法让 anchor 看起来正确？

稍后编辑:http://jsfiddle.net/RTTkU/1/

Answer 1

张贴你到目前为止的任何东西，以便我们看一看，但与此同时我制作了一个小演示，你可以尝试看看它是否是你正在寻找的东西:

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