Фоновое изображение кнопки

Я пытаюсь установить изображение кнопки, но оно не охватывает всю кнопку. Я имею в виду, что фон кнопки все еще виден.

Я пытаюсь сделать это во время выполнения, предоставляя разные изображения для каждой кнопки в цикле.

Вот:

for(var i=0; i<tvStore.getCount(); i++)
   {
     var aButton = Ext.create('Ext.Button',
     { 
       margin:8,
      id:'button'+i,
      itemId:i,
      style: 'width: 110px;height:110px;background-image:url(someRandomWebURLToImage) !important',

Но изображение не покрывает всю кнопку. или если изображение нельзя растянуть, то как сделать фон кнопки прозрачным?

Спасибо,


extjs sencha-touch sencha-architect sencha-touch-2.1
person shujaat    schedule 15.04.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать атрибут iconCls для указания CSS следующим образом:

{
    xtype           : 'button',
    iconCls         : 'cart',
    text            : 'Add to Cart',
    iconMask        : true,
    padding         : 10,
    margin          : 10,
    id              : 'addToBagBtn'
}

и файл CSS должен иметь:

.x-tab .x-button-icon.cart, .x-button .x-button-icon.x-icon-mask.cart {
    -webkit-mask-image: url('../../touch/resources/themes/images/default/pictos/shop1.png');
}
person ThinkFloyd    schedule 17.04.2013