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內絕對元素的問題

回答

相關問題