2011-09-17 16 views
3

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ファイルを使用しないことを嫌っていますが、自分でバックグラウンドを上書きするにはどうすればよいですか?

これは、(ビルド中mobile.jquery http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.cssから)UI-体-Cのための完全な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; 
} 

答えて

3

2つのこと。

まず、!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; 
} 
関連する問題