1

这是我的主视图：

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 时，主视图的灰色背景不会显示。有人可以帮帮我吗？我完全不知所措。

4

3 回答 3

2

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

于 2012-06-18T01:23:14.567 回答
0

FWIW，这对我不起作用。

我有一个带有 Sencha Touch 的表单面板，必须这样做： .TxPanel .x-scroll-container { background: url('img/txbackground.png') repeat center; }

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

于 2013-08-15T20:23:04.537 回答
0

在处理 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 之后声明的！

无论如何，深入了解特异性对我在煎茶中的造型有很大帮助。

于 2013-08-16T20:55:18.267 回答