CSS: Z-index of multiple backgrounds
I want to create a border across multiple backgrounds and reveal one problem. I need to prioritize each background because a lot of them overlap.
Is there any css property for setting the z-index on each background?
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)
...
Something like:
background-z-index:2,1,2 .. etc.
+3
source to share
2 answers
No z-index, but stacking order. This seems intuitive, but the first image you specify will be on top (and subsequent images below) in stacking order (opposite the HTML elements). More details here:
http://css-tricks.com/stacking-order-of-multiple-backgrounds/
+3
source to share