背景圖像不顯示在移動jQuery的div元素

我已經爲mobile.jquery設置了移動頁面的背景圖像。到目前爲止好，但.... 我鏈接到jQuery的css文件的CDN版本，例如：背景圖像不顯示在移動jQuery的div元素

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />

顯然，這個CSS文件設置爲我的內容div的背景。當我刪除這個CSS文件時，背景圖像通過所有我沒有背景設置的div顯示。

我不喜歡從CDN使用這個默認的css文件，但我怎樣才能覆蓋我自己的.ui-body-c背景？

這是UI體-C完整的CSS（建造時間從mobile.jquery http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css）：

.ui-body-c 
{ 
border-top-width: 1px; 
border-right-width-value: 1px; 
border-right-width-ltr-source: physical; 
border-right-width-rtl-source: physical; 
border-bottom-width: 1px; 
border-left-width-value: 1px; 
border-left-width-ltr-source: physical; 
border-left-width-rtl-source: physical; 
border-top-style: solid; 
border-right-style-value: solid; 
border-right-style-ltr-source: physical; 
border-right-style-rtl-source: physical; 
border-bottom-style: solid; 
border-left-style-value: solid; 
border-left-style-ltr-source: physical; 
border-left-style-rtl-source: physical; 
border-top-color: #b3b3b3; 
border-right-color-value: #b3b3b3; 
border-right-color-ltr-source: physical; 
border-right-color-rtl-source: physical; 
border-bottom-color: #b3b3b3; 
border-left-color-value: #b3b3b3; 
border-left-color-ltr-source: physical; 
border-left-color-rtl-source: physical; 
color: #333333; 
text-shadow: #ffffff; 
background-color: #f0f0f0; 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0%; 
background-clip: border-box; 
background-origin: padding-box; 
background-size: auto auto; 
background-image: #eeeeee; 
}

來源

2011-09-17 Terradon

兩件事情。

首先，您可以簡單地將!important添加到您自己的CSS定義中。

二，background-image: #eeeeee;無效的CSS。 background-image的有效特性值爲url(path/to/image.png),none或inherit。

創建名爲overrides.css（或任何東西 - 你 - want.css）自己的服務器上的文件，或者您也可以根據您的<head>元素HTML中增加一個<style>元素定義在頁面上。在該文件（或<style>元素）中添加以下內容：

.ui-body-c { 
    background-image: url(path/to/image.png) !important; 
}

來源

2011-09-17 18:53:40

背景圖像不顯示在移動jQuery的div元素

回答

相關問題