背景图像的CSS Z-index

Question

我有两张背景图片-a和b。自动A在B的前面。我可以使用Z-index来改变它吗？

Answer 1

您可以拥有多个背景图片...但堆叠顺序取决于它们在CSS中列出的顺序。

background: 
   url(number.png) 600px 10px no-repeat,  /* On top, like z-index: 4; */
   url(thingy.png) 10px 10px no-repeat,   /* Middle like z-index: 3; */
   url(Paper-4.png);                      /* On bottom, like z-index: 1; */

CSS-Tricks Article

Answer 2

这不是一个好主意，因为Z-index要求图像绝对定位，这会导致不同浏览器中的其他布局问题。如果您使用CSS将图像作为背景图像放入并转换为更改背景，则会更好。 Here您有一份背景转换样本。