一尘不染

如何在速记背景属性中包括背景覆盖值?

css

我正在尝试将背景图像设置为延伸到<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');

阅读 297

收藏
2020-05-16

共1个答案

一尘不染

根据W3和MDN,需要使用斜线将背景大小与背景位置分开:

W3C示例:

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

MDN:

必须在背景位置之后指定此属性,并用’/’字符分隔。

2020-05-16