相关疑难解决方法(0)

速记背景属性中的背景大小(CSS3)

我试图在一个缺乏财产的混合background-imagebackground-size属性background.基于W3C文档 background-size应该在background-position使用斜杠(/)分隔属性之后.

W3C示例:

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) }
Run Code Online (Sandbox Code Playgroud)

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)

css css3

110
推荐指数
3
解决办法
10万
查看次数

标签 统计

css ×1

css3 ×1