CSS:多个背景的Z-index

时间:2013-02-16 21:53:45

标签: 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.

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

背景图像没有z-index。 z-index仅适用于单个元素,而不适用于这些元素的属性。