我似乎无法获得特定元素样式的控制

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