css – 如何在速记背景属性中包括background-cover值?

我试图设置一个背景图像拉伸到< div>的宽度和高度的全部范围。 < div>将是可变大小,所以我使用background-size:cover;
background: url("../images/bkgnd-sidebar.png") no-repeat left top cover;

我不知道如何将它放在这个简写符号和它的工作。如果我单独列出每个属性,它工作正常,但我希望一个一体化的解决方案。

这工作,但不是首选:

background-size:cover;
background-image:url('../images/bkgnd-sidebar.png');

解决方法

根据 W3MDN,需要一个斜线将背景尺寸与背景位置分开:

W3C示例:

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

MDN:

This property must be specified after background-position,separated
with the ‘/’ character.

Opera还有一些关于背景简写的信息:

http://dev.opera.com/static/dstorey/backgrounds/background-shorthand.html

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效