html - 元素的 z-index 但是不同的定位?

标签 html css position z-index

快速提问;如果你有 2 个 div,一个是绝对定位的,一个是相对的,它没有做 z-index,我附上了一个 jsfiddle。

如果我让它们都成为相对的,它们会随着 DOM 的流动而移动,并且一个在 y 轴而不是 z 轴上高于另一个,有什么想法吗?

Example JSfiddle (感谢 Onheiron 修复了 jsfiddle 中的渲染)

发生的事情的屏幕截图:http://i.imgur.com/Lo37y.png ,灰色的东西应该在图像后面。

谢谢。

最佳答案

你不能让一个 child 出现在它的 parent 身后!你只能对 sibling 这样做。

查看您的 updated fiddle

关于html - 元素的 z-index 但是不同的定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11860389/

相关文章:

css - 无法水平对齐两个 float div

javascript - 滑动滑动显示垂直但水平工作

javascript - 如何在 jQuery 中更改相邻 td 的数据属性?

HTML/CSS 将 DIV 对齐到页面底部和屏幕 - 以先到者为准

html - 定位元素,但没有剩余空间

html - itextsharp "razor to html"工作正常但 "to pdf"忽略样式

css - 具有明确定义尺寸的 Div 是否会随视口(viewport)宽度缩放尺寸?

javascript - (HTML)无法将浏览器高度存储到变量中并在用于 div 的类中使用相同的变量?

ruby-on-rails - 当窗口大小改变大小时,Mailchimp 如何设法将框移动到另一个框下方(css3/媒体查询)

html - 在 div 容器中居中可变数量的 div