我想通过多个背景创建边框,并且发现了一个问题。我需要对每个背景应用优先级,因为其中许多彼此重叠。
是否有任何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)
Run Code Online (Sandbox Code Playgroud)
像那样。
就像是:
background-z-index:2,1,2 .. etc.
Run Code Online (Sandbox Code Playgroud)
没有z-index,但是有堆叠顺序。这有点违反直觉,但是您指定的第一个图像将按堆叠顺序位于顶部(随后的图像位于其下方)(与HTML元素相反)。更多信息在这里:
http://css-tricks.com/stacking-order-of-multiple-backgrounds/