我正在尝试混合background-image and background-size人手不足的房产background财产。基于W3C 文档 http://www.w3.org/TR/css3-background/#background-size background-size应该在之后background-position属性用斜杠分隔（/).

W3C 示例：

p { background: url("chess.png") 40% / 10em gray
       round fixed border-box; } 

相当于：

p {
    background-color: gray;
    background-position: 40% 50%;
    background-size: 10em 10em;
    background-repeat: round round;
    background-clip: border-box;
    background-origin: border-box;
    background-attachment: fixed;
    background-image: url(chess.png) }

MDN https://developer.mozilla.org/en/CSS/background-size说同样的话。我还发现this http://www.css3.info/preview/multiple-backgrounds/ and this http://www.standardista.com/css3/css3-background-properties/关于速记 CSS3 背景属性的文章解释了这一点。

但这是行不通的！也不清楚如何制作速记background财产时background-size and background-position有两个不同的值background-position-x and background-position-y或同样的事情background-size。目前尚不清楚斜杠（/）发生？这个例子 http://jsfiddle.net/G67Ej/在我的 Chrome 15 中无法正常工作。

我尝试简写的 CSS 代码示例如下：

div {  
    background: url(http://www.placedog.com/125/125) 
        0 0 /  150px 100px 
        repeat no-repeat 
        fixed border-box padding-box blue;      
    height: 300px;
    width:360px;    
    border: 10px dashed magenta;  
}

一个更干净的例子

这是工作 (JSFiddle http://jsfiddle.net/ZNsbU/)

 body{
        background-image:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png);
        background-position:200px 100px;
        background-size:600px 400px;
        background-repeat:no-repeat;
    }

这不起作用 (jsfiddle http://jsfiddle.net/ZNsbU/7/)

body{
    background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 200px 100px/600px 400px no-repeat;
}

这也不起作用(jsfiddle http://jsfiddle.net/ZNsbU/8/)

body{
    background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 200px/400px 100px/600px no-repeat;
}

1. 你的jsfiddle使用background-image代替background
2. 这似乎是“此浏览器尚不支持”的情况。

这在 Opera 中有效：http://jsfiddle.net/ZNsbU/5/ http://jsfiddle.net/ZNsbU/5/
但它在 FF5 和 IE8 中不起作用。 （对于过时的浏览器来说是的：D）

Code :

body {
  background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 400px 200px / 600px 400px no-repeat;
}

你可以这样做：

body {
    background:url(http://www.google.com/intl/en_com/images/srpr/logo3w.png) 400px 400px no-repeat;
    background-size:20px 20px
}

它适用于 FF5 和 Opera，但不适用于 IE8。