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

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%，高度为auto；

或者你可以这样添加

 background-size: auto 100%;

或

 background-size: 100% 100%;