CSSで背景画像を削除するにはどうすればよいですか?


192

すべてのDIVに背景画像を与える一般的なルールがあります。
私は1つのdiv(id = 'a'を使用)を持っていますが、これに背景画像を含めたくありません。
どのcssルールを指定する必要がありますか?

回答:


342

試してください:

div#a {
    background-image:none
}


3
「不要な祖先セレクターを回避することは、パフォーマンス上の理由から有用です。」あなたがグーグルではないとき、実際には問題ではありません。
Davor

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


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

「div」よりも「div#a」の方が特異性が高いため、「!important」は不要な場合があります。


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

1
Chromeで重要であることがわかった
dlchambers

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

IE6 background-image: noneはマークされていても無視するように見えるため、ルールに加えて透明なスペーサーイメージを使用して背景イメージを削除します!important


6
最近、誰がIE6を気にしていますか。
Rob W

-1不正解です。私はIE6を開始しましたが、background-image:none;(otなしで!important)は問題なく動作します。
Rob W

8
実際、私は気にしています-私のクライアントの1つは、更新されていないいくつかの特定のソフトウェアを含む隔離されたネットワーク環境を持っています。IE6は彼らが使用しなければならないものです。悲しいが本当:(
ラスクラーク

5
Rob Wの反対投票を軽減するために反対投票をしてください。彼がそれを再現できるかどうかに関係なく、ハックすらされない後方互換性のためだけに投票することは彼の非常に失礼でした
Kavi Siegel


2
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%);

古いブラウザーの場合.. IE9のselect2.cssのようないくつかのframewokrk.cssでcssを定義している場合background-image:-webkit-gradientなど。別の.cssで「background-image:none!動作しません。ページ背景色のようにグラデーションに同じ色を使用しました。


1

あなたのdivのルールだけである場合はdiv {...}、その後、#a {...}十分であろう。より複雑な場合は、CSS仕様の詳細で定義されている「より具体的な」セレクターが必要です。(#aがdivよりも具体的であることは、アルゴリズムの単一の側面にすぎません。)



0

これは機能しません:

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

古いブラウザでは問題があるかもしれません...


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.