[CSS]2枚の背景画像を重ねて表示するサンプル

2014年11月10日2022年3月15日

書式
.クラス名 {
background: url(“./img/画像1.png"), url(“./img/画像2.png");
}
引数の1つめの画像が前に、2つめの画像が後ろになります。カンマ区切りでつなげます。

使用例

<style>
  .cftA {
    background: url(./img/testA.png), url("./img/testB.png");
  }
  div {
    width: 250px;
    height: 150px;
  }
</style>
<div class="cftA">AA</div>
<div class="cftB">BB</div>