htmlでは、どのようにイメージが他のイメージと重なっていますか？

Question

イメージを別のイメージと重なるようにするには、テキストを背景イメージに重ねることができますが、そのイメージの上に一連のイメージが必要です。

Answer 1

単にz-indexを使用し、より多くの数、それは山にスタックが高い（すなわち - ビューアに近い）：

img { 
 
    display: block; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
} 
 
.image1 { 
 
    z-index: 9999; 
 
    width: 100px; 
 
    height: 100px; 
 
} 
 
.image2 { 
 
    z-index: 999; 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
.image3 { 
 
    z-index: 99; 
 
    width: 300px; 
 
    height: 300px; 
 
} 
 
.image4 { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<img class="image1" src="http://gallery.photo.net/photo/6182716-md.jpg"> 
 
<img class="image2" src="http://gallery.photo.net/photo/12682192-md.jpg"> 
 
<img class="image3" src="http://gallery.photo.net/photo/2568318-md.jpg"> 
 
<img class="image4" src="http://gallery.photo.net/photo/6506352-lg.jpg">

Answer 2

img { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: -1; 
} 

z-indexの値が高くなるほど高くなります。

Answer 3

あなたの背景画像の上に画像が必要な場合は、あなたのコンテンツの中に画像を配置してください。 画像に画像を表示するには、z-インデックスを使用します。

各画像に「最高」の画像であるz-インデックスを適用します。

Z-index: 1; 
Z-index: 2; 
Z-index: 3; 

などなど