Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.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
css3多背景图像速记不';行不通_Css - Fatal编程技术网

css3多背景图像速记不';行不通

css3多背景图像速记不';行不通,css,Css,我试着把2个img放在一个div背景中,我希望代码尽可能干净,我使用了下面的速记,但它似乎不起作用 background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x, #ECF0F1 url('../img/7Pxborder_2.png') 0px 75px repeat-x; 也不是这个 background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x, ur

我试着把2个img放在一个div背景中,我希望代码尽可能干净,我使用了下面的速记,但它似乎不起作用

background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x,
#ECF0F1 url('../img/7Pxborder_2.png') 0px 75px repeat-x;
也不是这个

background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x,
url('../img/7Pxborder_2.png') 0px 75px repeat-x;

这种颜色是最后的,而且只有一次

background: url('../img/7Pxborder.png') 0px 38px repeat-x,
            url('../img/7Pxborder_2.png') 0px 75px repeat-x #ECF0F1;


您可以在中找到详细信息。请注意,只有
包含背景色。

现在知道了,这是堆叠问题

background: url('../img/7Pxborder.png') 0px 38px repeat-x, // index is higher
#ECF0F1  url('../img/7Pxborder_2.png') 0px 75px repeat-x;

这是应该在支持它的浏览器中使用的语法:。该页面的一个示例:
background:url(sheep.png)中底不重复,url(betweengrassandsky.png)左上不重复@jfriend00这里没有浏览器问题,我尝试了一种背景,我的观点是只有现代浏览器支持多种背景。例如,IE8不支持它。