2009-09-22 16 views

答えて

272

試してみてください。

div#a { 
    background-image:none 
} 
+10

'#a {}'を使うだけです。 [必要に応じてセレクタでエレメントタイプを使用しない](http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Type_selectors) –

+3

"不要な祖先セレクタを避けることは、パフォーマンス上の理由から便利です。 Google以外のユーザーには問題はありません。 – Davor

+0

CSS 3セレクタに関するW3Cの推奨事項>セレクタの特異性の計算https://www.w3.org/TR/css3-selectors/#specificity – TarranJones

32
div#a { 
    background-image: none; 
} 
0

ていません。この作品:

.clear-background{ 
background-image: none; 
} 

は、古いブラウザ上の問題を持っているかもしれません...「重要なものの

25
div#a { 
    background-image: none !important; 
} 

! "は必要ではないかもしれません。なぜなら、" div#a "はより高いs単に "div"よりも珍しい。

+0

#aを使用した宣言は宣言よりも正確であるため、!重要な部分は必要ありませんこのルールは一般的なdivルールの代わりに適用されます。 – Ruud

+0

私は見つけました!重要なことはChromeで必要です – dlchambers

1

divルールがちょうどdiv {...}の場合は、#a {...}で十分です。より複雑な場合は、CSS specification on specificityで定義されているように、「より具体的な」セレクタが必要です。 (#Aがdiv要素よりも、より具体的であることがアルゴリズムでただ一つの側面である。)

10
div#a { 
    background-image: url('../images/spacer.png'); 
    background-image: none !important; 
} 

IE6もそれかかわらbackground-image: noneを無視するように思われるので、私は背景画像を削除するには、ルールに加えて、透明スペーサーイメージを使用!importantとマークされています。

+5

誰が最近IE6を気にしていますか? –

+0

-1あなたの答えは間違っています。私はIE6を開始し、 'background-image:none;'(重要ではない)は完璧に動作します。 –

+5

実際、私のクライアントの1人は、更新されていない特定のソフトウェアを持つ独立したネットワーク環境を持っています。 IE6は彼らが使用しなければならないものです。悲しいことに真実:( –

0

次を持っているのルールに置き換え:古いブラウザのため

div:not(#a) { // add your bg image here //} 
1
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff)); 
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%); 
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); 
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%); 

を..場合いくつかのframewokrk.cssでIE9のbackground-image:-webkit-gradientなどのselect2.cssのようなCSSを定義し、別の.cs "background-image:none!important"で書き直すことはできません。私はページの背景色のような色の勾配に同じ色を使用しました。

関連する問題