2015-04-01 27 views
0

代码我在JSP中使用是如何使一个按钮的研究背景图像resonsive

<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; 
} 

通过使用图像是没有得到响应,请帮我出

+0

你这是什么意思响应。在这里,你的宽度和高度是固定的按钮。 – 2015-04-01 09:00:21

+0

对于你的onclick,它应该是'onclick =“regenImage();”' – Raptor 2015-04-01 09:01:29

+0

图像大小根据屏幕大小设置..... – 2015-04-01 09:01:31

回答

0

您需要添加

background-size: 100% auto; 

表示背景宽度为100%,高度自动;

,或者你可以添加这样

background-size: auto 100%; 

background-size: 100% 100%; 
+0

谢谢Aram Mkrtchyan但仍然有相同的问题 – 2015-04-01 09:07:01

+0

你可以举一些例子,它会很容易帮助你。欢迎 – 2015-04-01 09:14:40