無法獲得z-index與div元素的絕對位置一起工作

如果您看一下本網站，我正在設計（http://babblers.in/main.html）div元素存在z-index問題。點擊左下方的鸛&寶貝圖像。展開圖片中有一個關閉按鈕，隱藏在滑動按鈕下方。我的main.css的代碼是：無法獲得z-index與div元素的絕對位置一起工作

#SlidingButtons {display:block;overflow:hidden;position:absolute;left:320px;top:130px;width:840px;height:800px;z-index:4;} 
    #Points {display:block;overflow:hidden;position:absolute;left:0px;top:170px;width:600px;height:730px;z-index:3;}

滑動按鈕位於右側點的那些指鸛圖像和左

什麼我做的就是擴大了可選擇的點圖像上方的滑動按鈕？將滑動按鈕的不透明度設置爲.99不起作用。

來源

2013-12-08 user3079873

它似乎在做你想做的事情。你使用的是什麼瀏覽器？ –

IE11 ....它有什麼不對？它看起來對你好嗎？ – user3079873

我只能得到它的工作，當我設置sliderbuttons Z指數爲-1 – user3079873

Z指數是非常棘手和挑剔的，如果你不是100％的話。嘗試這個。

#Page { 
    overflow: hidden; 
    position: relative; 
    height: 775px; 
    z-index: 10; 
}

編輯：從頭開始，你的整個網絡結構是問題。儘量不要使用Z-Index，除非需要。

儘管在使用z-index時這是一個忠告。 Z索引僅適用於兄弟元素。

<div> 

    <div class="one"> 

     <div class="four"></div> 

    </div> 

    <div class="two"></div> 

    <div class="three"></div> 

</div>

在這個例子中div.four以下CSS

.one{ 
z-index:1; 
} 

.two{ 
z-index:10; 
} 

.three{ 
z-index:100; 
} 

.four{ 
z-index:1000; 
}

似乎比div.two低，因爲div.four的母公司擁有的z-index比div.two低。由於z-index僅適用於與同胞元素相關的元素，即使元素具有較高的z-index但它位於子元素中，它也不會具有比其最高級別父元素更高的屏幕z-index設置z-index。

來源

2013-12-08 14:03:33

無法獲得z-index與div元素的絕對位置一起工作

回答

相關問題