我可以在<div>上添加图像而不添加任何html标签吗？</div>

Question

我们说

<div class="picture"><img class="picture_thumb" src="path" /> </div>

我想使用CSS将图片z-index添加到.picture（它基本上是一个放大镜图标，所以我可以在.picture_thumb之上看到它）

有机会吗？

非常感谢

PD：它不是背景，而是背景 -编辑- 图像让您可以更好地理解

Answer 1

没有前线这样的东西。

你必须做这样的事情：

<div class="picture">
  <img src="images/picture.jpg" alt="Picture" />
  <img class="magnifier" src="images/magnifier.jpg" alt="Maginfy" />
</div>

.picture {
  position: relative;
  width: 100px;
  height: 100px;
}

.magnifier {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
}

如果您不想将放大镜图像添加到每个图片div，也可以使用javascript。