Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
背景图像的CSS Z索引_Css_Z Index - Fatal编程技术网

背景图像的CSS Z索引

背景图像的CSS Z索引,css,z-index,Css,Z Index,我有两张背景图片——a和b。自动将A放在B前面。我可以使用Z-index更改此设置吗?这不是一个好主意,因为Z-index要求图像绝对定位,这可能会导致不同浏览器中的其他布局问题。如果您使用CSS和用于更改背景的转换将图像作为背景图像放入,效果会更好。您有一个背景转换的示例。您可以有多个背景图像…但是堆叠顺序由它们在CSS中列出的顺序决定 background: url(number.png) 600px 10px no-repeat, /* On top, like z-index:

我有两张背景图片——a和b。自动将A放在B前面。我可以使用Z-index更改此设置吗?

这不是一个好主意,因为Z-index要求图像绝对定位,这可能会导致不同浏览器中的其他布局问题。如果您使用CSS和用于更改背景的转换将图像作为背景图像放入,效果会更好。您有一个背景转换的示例。

您可以有多个背景图像…但是堆叠顺序由它们在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; */

你能发布代码吗?我将编辑原始问题,并在内部添加代码,这取决于顺序是的,哪个先到,哪个在顶部,依此类推。