Question

Here is my MainView:

Ext.define("Test.view.Main", {
extend: 'Ext.Panel',
config: {
cls: 'transp'
}
});

Here is (the relevant part of) my app.css:

/* line 3, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.transp
{
   background-image: url(http://support.sencha.com/assets/images/logo-sencha.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

I know it recognizes the class because when I set the opacity to 0, the gray background of the mainview isnt displayed. Can someone please help me? I am at a total loss.

Answer 1

Try using !important in your CSS property.