5
简写背景属性(CSS3)中的background-size
我想混background-image,并background-size在缺兵少将的性能background特性。基于W3C的文档 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说了同样的话。我也发现了这个和这个文章关于速记CSS3的背景属性解释这一点。 但这是行不通的!它也并不清楚如何做一个速记background属性时background-size,并background-position有两个不同的值background-position-x,并background-position-y用于或同样的事情background-size。尚不清楚slash(/)是如何发生的?此示例在我的Chrome 15中无法正常运行。 我试图简化的示例是此CSS代码: div { background: url(http://www.placedog.com/125/125) 0 0 / 150px …
112
css