Question

这是我的MainView：

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

这是我的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%;
}

我知道它识别该类，因为当我将不透明度设置为0时，不会显示主视图的灰色背景。有人可以帮帮我吗？我完全失去了。

Answer 1

尝试在CSS属性中使用!important。

Answer 2

FWIW，这对我不起作用。

我有一个带Sencha Touch的表单面板，必须这样做： .TxPanel .x-scroll-container { background：url（'img / txbackground.png'）重复中心; }

将TxPanel添加到表单的cls设置后

。

Answer 3

一旦处理CSS，大多数人都没有意识到的是特异性！ http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

所以如果你有你的背景类.myBackground {background-image：..} vs sencha的.x-container .x-component .x-background {background-image：..} sencha的类有更多的选择器，和更高的特异性，并将覆盖你的.myBackground类！即使它是在sencha的css之后宣布的！

无论如何，了解深度的特异性对于我在sencha中的造型很有帮助。

有人能告诉我为什么Sencha Touch 2中的背景图像没有显示？

3 个答案: