0

xtype ='button'に画像を適用しようとしていますが、適用するとボタンは次のようになります。

ここに画像の説明を入力してください

この画像をこのボタンに塗りつぶすにはどうすればよいですか？

コード（sencha touch 2 js）：

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

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

2 に答える 2

3

すべてのブラウザーで動作するには、html を次のように変更します。

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

これは画像を送信ボタンとして使用します。

于 2012-12-28T15:34:06.967 に答える
2

画像がボタンの背景画像である場合は、CSS プロパティを使用しますbackground-size。

.mybutton {
    background-size: cover;
}

これは IE8 以前では機能しないことに注意してください。IE8 のサポートが必要な場合は、ポリフィル JavaScript を使用する必要があります。これを試してください: https://github.com/louisremi/jquery.backgroundSize.js

それが役立つことを願っています。

于 2012-07-27T19:20:07.683 に答える