按钮背景图片自适应按钮大小

Question

我有一个按钮会根据分辨率改变大小 如何能让background-image 自适应按钮大小 请各位指点

Answer 1

宽高定义成100%width:100%;height:100%;

Answer 2

在按钮中设置width:100%和height100%应该是设置按钮本身的大小吧， 我在css中试过 
另外背景平铺是指设no-repeat么 这个也不管用啊 

Answer 3

no-repeat是不平铺用repeat-x或者repeat-y是平铺背景

Answer 4

设置了repeat-x或repeat-y 都只能让按钮的背景图片重复出现 并不能实现自适应按钮大小啊， 如何才能让按钮的背景图片 自动拉伸或者缩小 适应按钮的大小呢 ？

Answer 5

那就不用加repeat这个属性  就是背景图地址就行了

Answer 6

不加repeat
就是默认的属性 按钮背景图片还是会随按钮大小改变而出现过大或过小的问题，
另外图片的大小是不会随分辨率的大小改变的

Answer 7

加个width:100%; height:100%

Answer 8

<asp:Button 
                   
加width100%,height:100% 是改变按钮的大小我想过用div做一个假按钮 在div中加图片设100% 但是onclick事件中我要如何掉aspx.cs中的function呢？

Answer 9

aspx.cs?
img 的onclick直接编写不就好了？？

Answer 10

<div id="div1" runat="server" onclick="document.getElementById('<%=btnSubmit.ClientID%>').click();"></div><asp:Button ID="btnSubmit" runat="server" Text="" Style="display: none" OnClick="btnSubmit_Click" />

Answer 11

背景图片无法拉伸。可以用图片来模拟一个button.<style type="text/css">
        .btn {height:200px;width:400px; display:inline-block;}
    </style>
    <div class="btn">
        <a href="javascript:void(0);" onclick="alert('this is a button')">
            <img style="width:100%;height:100%" src="images/bg.jpg" />
        </a>
    </div>

Answer 12

先获取按钮大小，然后将图片设置为此大小不就over了