[分享]css中如何设置图片压着图片

CSS可以让我们很方便的设置图片的位置和大小，但是在有些场景下，需要让图片紧贴着另一张图片，这时候我们就需要使用一些特殊的技巧。.img1 { : absolute; top: 0; left: 0;...

CSS可以让我们很方便的设置图片的位置和大小，但是在有些场景下，需要让图片紧贴着另一张图片，这时候我们就需要使用一些特殊的技巧。

.img1 {
  position: absolute;
  top: 0;
  left: 0;
}

.img2 {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -10px; /* 这里的值需要根据你的图片大小自己调整 */
} 

以上代码中，我们使用了绝对定位来将图片放在同一个位置。其中，.img1表示第一张图片，.img2表示第二张图片。由于两张图片都使用了绝对定位，所以它们会重叠在一起。

但是由于默认情况下，图片之间会有一定的间隔，所以我们需要使用负的margin值来取消这个间隔，让图片紧贴在一起。

需要注意的是，这种技巧只适用于两张图片大小相同的情况。如果两张图片大小不同，还需要进行额外的处理。