我试图设置一个背景图像拉伸到< 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');
解决方法
根据
W3和
MDN,需要一个斜线将背景尺寸与背景位置分开:
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
原文地址:https://www.jb51.cc/css/221229.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。