我试图在一个缺乏财产的混合background-image和background-size属性background.基于W3C文档 background-size应该在background-position使用斜杠(/)分隔属性之后.
W3C示例:
Run Code Online (Sandbox Code Playgroud)p { background: url("chess.png") 40% / 10em gray round fixed border-box; }相当于:
Run Code Online (Sandbox Code Playgroud)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说同样的话.我也发现了这个和这个文章关于速记CSS3的背景属性解释这一点.
但这不起作用!它也并不清楚如何做一个速记background属性时background-size,并background-position有两个不同的值background-position-x,并background-position-y用于或同样的事情background-size.目前尚不清楚斜线(/)是如何发生的?此示例在我的Chrome 15中无效.
示例我试图做一个简写就是这个CSS代码:
div {
background: url(http://www.placedog.com/125/125)
0 …Run Code Online (Sandbox Code Playgroud)