html - 将带有内容的 div 添加到图像上(使用 z-index)未按预期工作

标签 html css

Jsfiddle

所以正如在 Jsfiddle 中看到的那样(您可能需要按住 ctrl + a)我正在尝试将 div 放在图像的顶部,但我尝试使用 z-index div和图片,甚至把图片自己放到一个div里,还是不行。

我想知道这在 CSS 中是否可行。

最佳答案

原因是默认情况下元素是静态位置,这意味着 z-indexes 不适用。更改为不同的位置(例如相对或绝对)将使 z-index 应用。

https://developer.mozilla.org/en/docs/Web/CSS/position#Values

关于html - 将带有内容的 div 添加到图像上(使用 z-index)未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36637147/

相关文章:

javascript - 如何使用 JavaScript 禁用所有内联样式?

html - 如何使我的按钮适合我的导航栏大小

javascript - Lightgallery 无法获取缩略图

html - 滚动在小分辨率下不起作用

html - CSS 元素不隐藏第二个 block

html - 更改提交按钮占位符不起作用?

html - 将高度从一个 div 继承到另一个 div

html - 如何使用CSS将覆盖固定的div定位到中心?

javascript - 用于查找 Jquery 的 CPU 和内存使用情况的工具/插件

css - 透明的 Bootstrap 下拉菜单