我可以在
上添加图像吗不添加任何html标签？

发布于 2024-11-30 12:50:20 字数 380 浏览 0 评论 0原文

可以说我们有

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

，我想使用 CSS 将图像 z-index 添加到 .picture 更高的位置（它基本上是一个放大镜图标，所以我可以在.picture_thumb 的顶部）

有机会吗？

非常感谢

PD：它就像不是背景，而是前景 -编辑- 一张图让你更容易理解在此处输入图像描述

原文

lets say we have

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

And i'd like to use CSS to add an image z-index higher to .picture (it's basically an magnifying glass Icon so I can see it on top of .picture_thumb)

Any chance?

Thanks a lot

PD: it would be like instead of a background, a Front-ground
-EDIT-
An image so you can understand better
enter image description here

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

叹倦 2024-12-07 12:50:20

没有所谓的前台。

你必须这样做：

<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 来完成。

There's no such thing as front-ground.

You'd have to do something like this:

<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;
}

You could also do it with javascript if you didn't want to add the magnifier image to each picture div.

回复收藏 0 原文

~没有更多了~