すべてのDIVに背景画像を与える一般的なルールがあります。
私は1つのdiv(id = 'a'を使用)を持っていますが、これに背景画像を含めたくありません。
どのcssルールを指定する必要がありますか?
すべてのDIVに背景画像を与える一般的なルールがあります。
私は1つのdiv(id = 'a'を使用)を持っていますが、これに背景画像を含めたくありません。
どのcssルールを指定する必要がありますか?
回答:
試してください:
div#a {
background-image:none
}
div#a {
background-image: none !important;
}
「div」よりも「div#a」の方が特異性が高いため、「!important」は不要な場合があります。
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
IE6 background-image: none
はマークされていても無視するように見えるため、ルールに加えて透明なスペーサーイメージを使用して背景イメージを削除します!important
。
background-image:none;
(otなしで!important
)は問題なく動作します。
css3では複数の背景画像を設定する可能性があるため、「なし」を設定すると、新しいレイヤーが作成され、何も非表示になりません。
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
まだ解決策が見つかりません...
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!動作しません。ページ背景色のようにグラデーションに同じ色を使用しました。
#a {}
。必要でない限り、セレクターで要素タイプを使用しないでください。