css3 多背景图像简写不起作用

标签 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,
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;

http://jsfiddle.net/wAFtC/

您可以在 spec 中找到详细信息.请注意,只有 <final-bg-layer>包含背景颜色。

关于css3 多背景图像简写不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19761356/

相关文章:

css - 导航中的 mainmenu.area 导致移动 View 右侧出现白色间隙

css - 内联 block 和底部的像素

html - 样式 ul 和 li

html - 自定义列宽表bootstrap cshtml可滚动

html - CSS 按数字增加填充

CSS 选择器 - 如何在 CSS 中选择 'for'?

html - 创建不被浏览器解析的 HTML 代码(以供重用)

javascript - 通过 javascript 更改 html DOM 没有响应

c# - 有 .net 的 Css 编写器吗?

javascript - 一次选择一张图像