这是我的CSS：
.banner-text-BG {
background: #00A7E1 url(images/sale_tag.png) left center no-repeat !important;
background-size: 20px 20px;
height: auto;
padding: 15px;
position: static;
width: auto;
-webkit-border-radius: 70px 10px 10px 70px;
-moz-border-radius: 70px 10px 10px 70px;
border-radius: 70px 10px 10px 70px;
padding-left: 70px;
}
与所有其他样式相反，“ background-size：20px;” 对我的页面没有影响，在Firebug中不可见，并且在Notepad ++中未将sidenote突出显示为有效的CSS指令。与“ background-size：20px;”相同 或“ background-size：20px auto;”
我想念什么吗？为什么不起作用？
如背景尺寸文档所述：
如果此属性的值未在background-size CSS属性之后应用于元素的背景速记属性中设置，则该属性的值将由shorthand属性重置为其初始值。
换句话说，如果您使用的是shorthand属性，但不包括background-size规则作为其一部分，则实际上将重置并忽略单独的background-size。
因此，要解决此问题，您只需将其滚动到已使用的背景速记中，方法是在背景位置之后添加斜线并包括您的尺寸：
background: #00A7E1 url(http://placekitten.com/200/200) left center/20px 20px no-repeat !important;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句