css - CSS を使用して前景画像の上に背景画像を表示する方法

Question

背景画像が前景画像の前に表示されるように設定したい。

次のコードを試しましたが、期待どおりに動作しません。

.background-image
  {
      border :0px;
      background-image: url(/images/icon.png);  
      z-index:1000;      
  }
  .foreground-image
  {
      width:200px;
      height:113px;
      border :0px;
      z-index:1;
  }

<div>
    <a href="#" class="background-image">
        <img class="foreground-image" src="./images/pic1.jpg"  />            
    </a>
</div>

私はCSS2を使用しています。

Answer 1

前景画像を削除することによって。

.background-image {
  border :0;
  background-image: url(/images/icon.png);
  width:200px;
  height:113px;   
  display: block;  
}
.foreground-image {/**/}

<div>
  <a href="#" class="background-image"></a>
</div>