css - 对 css 背景图像拉伸(stretch)感到困惑

Question

我有一张图片，宽度是50px，高度是20px，然后我把它设置为div的背景:

background: url('close.png') no-repeat 0 0;
width: 71.875px;
height: 28.75px;
position: absolute;
top: 50px;
background-position:center;
background-size:100%,100%;

虽然div的宽高和image不一样，但是比例是一样的，都是5:2。但结果很奇怪:

div 与其上面的元素之间存在一条间隙线。图像似乎没有在顶部拉伸(stretch)。

为什么会这样？我该如何解决这个问题？

Answer 1

你不能在css规则中使用逗号

background-size:100%,100%; 应该是 background-size:100%;