有人能告訴我爲什麼我在Sencha Touch 2中的背景圖像沒有顯示？

這裏是我的MainView：有人能告訴我爲什麼我在Sencha Touch 2中的背景圖像沒有顯示？

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，主視圖的灰色背景不顯示。有人可以幫幫我嗎？我處於全面虧損狀態。

來源

2012-06-18 PendingVegan

你試過'！important'嗎？ –

不，我沒有......我怎麼能想到這個！？！??！你先生，是我的英雄。非常感謝！ – PendingVegan

你很受歡迎。根據社區規則，請接受我在下面發佈的答案以關閉此主題。謝謝。 ;） –

嘗試在您的CSS屬性中使用!important。

來源

2012-06-18 01:23:14

FWIW，這不適合我。

我有一個窗體面板w/Sencha Touch並且必須執行此操作： .TxPanel .x-scroll-container {'img/txbackground.png'）repeat center; }

將TxPanel添加到窗體的cls設置後。

來源

2013-08-15 20:23:04 kenyee

一旦大多數人沒有意識到的處理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造型有很大幫助。

來源

2013-08-16 20:55:18 Barrett

有人能告訴我爲什麼我在Sencha Touch 2中的背景圖像沒有顯示？

回答

相關問題