Html 我能'；似乎无法控制某一特定元素的风格

有一个图像，我想定位绝对，并添加一个z索引，但我似乎无法影响它

 <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_source_image {
  position: absolute;
  top: 165px;
  left: 140px;
  z-index: 100;
} 

---

我做错了什么_\

应该将包装器的位置设置为相对位置，具有相对位置的页面元素使您能够控制子元素在其中的绝对位置

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

---

我认为与其给

位置：相对
给
ul
，不如给你的父母div
试着给position:相对你的父母div
.etalage {
    position: relative:
    ....
}

.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;
}