CSS:多背景的Z-index

标签 css

我想通过多个背景创建边框并发现了一个问题。我需要对每个背景应用优先级,因为它们中的许多相互重叠。

是否有任何 css 属性可以设置每个背景的 z-index?

left-top-corner(z-index:2) top(repeat-x) right-top-corner(z-index:2)
left(repeat-y)
left-bottom-corner(z-index:2) bottom(repeat-x) right-bottom-corner(z-index:2)

像那样。

类似于:

background-z-index:2,1,2 .. etc.

最佳答案

没有z-index,但是有堆叠顺序。这有点违反直觉,但您指定的第一张图像将在堆叠顺序(与 HTML 元素相反)中位于顶部(后续图像将在其下方)。更多信息在这里:

http://css-tricks.com/stacking-order-of-multiple-backgrounds/

关于CSS:多背景的Z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14915542/

相关文章:

javascript - 在具有预定义的父宽度和水平滚动的同一行上动态生成的 div

html - IE 中的样式问题 - 巨大的空间显示

html - 按钮有一个讨厌的居中问题

html - CSS 和加载性能 : Does using CSS for things that can be done manually cause performance drawbacks?

css - 嵌套的 findElement,其中第一个是 xpath,第二个是 css,没有按预期工作

css hover 效果固定到 dev 元素,滚动时不扩展

javascript - 调整 Bootstrap 警报的大小并将 'x' 保持在正确的位置

javascript - 单击后禁用 div

css - 在我的简单 CSS-3 动画中解释立方体微风

javascript - jQuery.clone() 一个元素,然后给它添加动态样式