我似乎無法獲得特定元素樣式的控制

Question

我想要定位絕對圖像並添加z-index，但似乎無法實現它。

<div> 
    <ul class="etalage"> 
    <li> 
     <img class="etalage_thumb_image" src="codecanyon/demo_files/images/image1_thumb.jpg"> 
     <img class="etalage_source_image" src="codecanyon/demo_files/images/image1_large.jpg"> 
    </li> 
    </ul> 
</div>  

我可以使用控制在風格：

.etalage { 
    margin-right: 50px; 
    margin-bottom: 20px; 
    clear: both; 
} 

但這並不影響源圖像我希望它：

.etalage_source_image { 
    position: absolute; 
    top: 165px; 
    left: 140px; 
    z-index: 100; 
} 

我在做什麼錯？ ：_ \

Answer 1

您應該將包裝的位置設置爲相對位置，具有相對位置的頁面元素可以控制將子元素完全放置在其中。

.etalage { 
    position: relative: 
    .... 
} 

Answer 2

.etalage { 
    margin-right: 50px; 
    margin-bottom: 20px; 
    clear: both; 
    position:relative; 
} 

.etalage_source_image { 
    position: absolute; 
    top: 165px; 
    left: 140px; 
    width: xx; 
    height: xx; 
    z-index: 100; 
} 

我想的不是給position:relative到ul，你應該給你的父母DIV