私はすべてのDIVに背景イメージを与える一般的な規則を持っています。
私は1つのdiv(id = 'a')を持っています。私はそれに背景イメージを持たせたくありません。
どのようなCSSルールを付ける必要がありますか?CSSで背景イメージを削除するにはどうすればよいですか?
答えて
試してみてください。
div#a {
background-image:none
}
div#a {
background-image: none;
}
ていません。この作品:
.clear-background{
background-image: none;
}
は、古いブラウザ上の問題を持っているかもしれません...「重要なものの
div#a {
background-image: none !important;
}
! "は必要ではないかもしれません。なぜなら、" div#a "はより高いs単に "div"よりも珍しい。
#aを使用した宣言は宣言よりも正確であるため、!重要な部分は必要ありませんこのルールは一般的なdivルールの代わりに適用されます。 – Ruud
私は見つけました!重要なことはChromeで必要です – dlchambers
divルールがちょうどdiv {...}
の場合は、#a {...}
で十分です。より複雑な場合は、CSS specification on specificityで定義されているように、「より具体的な」セレクタが必要です。 (#Aがdiv要素よりも、より具体的であることがアルゴリズムでただ一つの側面である。)
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
IE6もそれかかわらbackground-image: none
を無視するように思われるので、私は背景画像を削除するには、ルールに加えて、透明スペーサーイメージを使用!important
とマークされています。
誰が最近IE6を気にしていますか? –
-1あなたの答えは間違っています。私はIE6を開始し、 'background-image:none;'(重要ではない)は完璧に動作します。 –
実際、私のクライアントの1人は、更新されていない特定のソフトウェアを持つ独立したネットワーク環境を持っています。 IE6は彼らが使用しなければならないものです。悲しいことに真実:( –
css3では複数の背景画像を設定することがあるため、「none」と設定すると新しいレイヤーが作成され、何も隠されません。
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
私は解決策はまだ見つかっていない...
私は " none;」はオーバーライドします – circusdei
次を持っているのルールに置き換え:古いブラウザのため
div:not(#a) { // add your bg image here //}
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"で書き直すことはできません。私はページの背景色のような色の勾配に同じ色を使用しました。
- 1. 背景イメージの属性を削除するにはどうすればよいですか?
- 2. 背景イメージを変更するにはどうすればよいですか?
- 3. CSSで背景イメージを設定するにはどうすればよいですか?
- 4. CSSの背景イメージの境界を削除するには
- 5. スキューしたレイヤー(CSS)の背景イメージを非表示にするにはどうすればよいですか?
- 6. 背景イメージ(CSSスプライト)にTITLEとALTを追加するにはどうすればよいですか?
- 7. jqueryを使用してCSSの背景イメージを変更するにはどうすればよいですか?
- 8. マテリアルデザインアイコンをCSSの背景イメージ値として使用するにはどうすればよいですか?
- 9. CSSで背景イメージを作成するにはどうすればいいですか?ブートストラップ
- 10. iPhone:コアプロットの背景にあるグリッド線を削除するにはどうすればよいですか?
- 11. テーブルの白い背景を削除するにはどうすればよいですか? Foundation Rails
- 12. メディアのようにフルスクリーンの背景イメージを作成するにはどうすればよいですか?
- 13. スライスされたイメージをボディの背景イメージにするにはどうすればいいですか?
- 14. コレクションビューの背後にこの背景イメージを静的にするにはどうすればいいですか?
- 15. ブートストラップモバイルですべてのグリッドの背景イメージを保持するにはどうすればよいですか?
- 16. JButtonを使用してJFrameで背景イメージを変更するにはどうすればよいですか?
- 17. イメージをぼかしなく背景に設定するにはどうすればよいですか?
- 18. 背景テキストまたはイメージをBIRTレポートに追加するにはどうすればよいですか?
- 19. グループ化されたテーブルビューの背景イメージを設定するにはどうすればよいですか?
- 20. CSSで背景の高さを動的に変更するにはどうすればよいですか?
- 21. svgを含む背景イメージに境界線を追加するにはどうすればよいですか?
- 22. 背景イメージを親要素の中央に配置するにはどうすればよいですか?
- 23. 背景イメージをGTKツリービューに追加するにはどうすればよいですか?
- 24. フロアプランナーに背景イメージを追加するにはどうすればよいですか?
- 25. ボタンの背景イメージを左揃えに設定するにはどうすればよいですか?
- 26. 背景イメージをホームページにのみ表示するにはどうすればよいですか?
- 27. サイト全体の背景イメージを定期的に変更するにはどうすればよいですか?
- 28. ローカルフォルダのイメージにWPFグリッドの背景を設定するにはどうすればよいですか?
- 29. ブラウズフラグメントのナビゲーション行に背景イメージを追加するにはどうすればよいですか?
- 30. 4つの回転イメージをアニメーションの背景に追加するにはどうすればよいですか?
'#a {}'を使うだけです。 [必要に応じてセレクタでエレメントタイプを使用しない](http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Type_selectors) –
"不要な祖先セレクタを避けることは、パフォーマンス上の理由から便利です。 Google以外のユーザーには問題はありません。 – Davor
CSS 3セレクタに関するW3Cの推奨事項>セレクタの特異性の計算https://www.w3.org/TR/css3-selectors/#specificity – TarranJones