css3多背景图像速记不';行不通
我试着把2个img放在一个div背景中,我希望代码尽可能干净,我使用了下面的速记,但它似乎不起作用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
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不支持它。