如何填充按钮图像？

Question

我正在尝试将图像应用到xtype ='按钮'但是当我这样做时，我的按钮看起来像这样

如何使此图像填充此按钮？

代码（sencha touch 2 js）：

        {
            xtype: 'button',
            width: 140,
            height: 60,
            margin: 10,
            right: 20,  

            text: 'Enter',
            html: '<img src="resources/images/Dbutton.png"/>'
        }

Answer 1

在所有浏览器上工作，将html更改为

    <input type='image' src='filename.png' width='25' height='25' name='whatever' value='submit' />

这会将图像用作提交按钮。

Answer 2

如果图像是按钮上的背景图像，则使用CSS属性background-size。

.mybutton {
    background-size: cover;
}

请注意，这在IE8或更早版本中无效。如果你想要IE8支持，你需要使用polyfill javascript。试试这个：https://github.com/louisremi/jquery.backgroundSize.js

希望有所帮助。