如何使一個按鈕的研究背景圖像resonsive

代碼我在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; 
}

通過使用圖像是沒有得到響應，請幫我出

來源

2015-04-01 Monu Mittal

你這是什麼意思響應。在這裏，你的寬度和高度是固定的按鈕。 – 2015-04-01 09:00:21

對於你的onclick，它應該是'onclick =「regenImage（）;」' – Raptor 2015-04-01 09:01:29

圖像大小根據屏幕大小設置..... – 2015-04-01 09:01:31

您需要添加

background-size: 100% auto;

表示背景寬度爲100％，高度自動;

，或者你可以添加這樣

background-size: auto 100%;

或

background-size: 100% 100%;

來源

2015-04-01 09:02:04

謝謝Aram Mkrtchyan但仍然有相同的問題 – 2015-04-01 09:07:01

你可以舉一些例子，它會很容易幫助你。歡迎 – 2015-04-01 09:14:40

如何使一個按鈕的研究背景圖像resonsive

回答

相關問題