如何使按钮的背景图像响应

Question

我在jsp中使用的代码是

<button class="refresh" onclick="javascript:regenImage();" type="button"></button>

用于将图像放在该按钮上的CSS是

.refresh{
    background-color: transparent;
    background-image: url("../images/sp_out.png");
    background-repeat: no-repeat;
    height: 40px;
    width: 43px;
}

使用图片没有响应。

Answer 1

您需要添加

background-size: 100% auto;

表示背景宽度为100％，高度为自动;

或者您可以像这样添加

 background-size: auto 100%;

或

 background-size: 100% 100%;