1

これが私の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に設定すると、メインビューの灰色の背景が表示されないため、クラスが認識されることがわかります。誰か助けてくれませんか？私は完全に途方に暮れています。

4

3 に答える 3

2

!importantCSS プロパティで使用してみてください。

于 2012-06-18T01:23:14.567 に答える
0

CSS を扱う際に、ほとんどの人が気付いていないことの 1 つは特異性です。http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

したがって、背景クラス .myBackground{ background-image:.. } と sencha の .x-container .x-component .x-background{ background-image:..} がある場合、sencha のクラスにはより多くのセレクターがあり、より高い特異性があります。 .myBackground クラスをオーバーライドします! senchaのcssの後に宣言しても！

とにかく、特異性について深く学ぶことは、煎茶のスタイリングに大いに役立ちました。

于 2013-08-16T20:55:18.267 に答える