2

絶対位置に配置して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;
}

私は何が間違っているのですか？：_ \

4

2 に答える 2

1

ラッパーの位置を相対的なスタイルにする必要があります。相対的な位置にあるページ要素を使用すると、子要素をその中に絶対的に配置することができます。

.etalage {
    position: relative:
    ....
}
于 2012-07-21T02:49:17.540 に答える
0 
.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;
}

に与えるのではなく、親のdivに与えるべきだposition:relativeと思いますul

于 2012-07-21T05:45:14.103 に答える