親要素の背景色を、CSSで打ち消したい

CSS

 状態:-  閲覧数:4,966  投稿日:2013-03-20  更新日:2013-03-20

対応例


・transparent利用
div.sitemap #subnavi {
background-color:transparent;
border-left: 1px solid transparent;
margin:0 0 0 0;
}


どういう場合に利用するか

 閲覧数:306 投稿日:2013-03-20 更新日:2013-03-20 

遭遇例


・「親要素」で既に、背景色を指定されている
・なおかつ「利用する要素」の背景色は交互色(具体的にはテーブル行毎に「Bootstrap」で交互色指定)


要件


・親要素の背景色は打ち消したい
・なおかつ、背景にあった色を指定したい

「transparent」利用可能なプロパティ

 閲覧数:327 投稿日:2013-03-20 更新日:2013-03-20 

transparent


・背景色を無指定(透明)にする


利用可能なプロパティ


・ background-color
・ border-top
・ border-right
・ border-botoom
・ border-left
利用例
.hoge {
background-color:transparent;
border-left: 1px solid transparent;
}

※随時追加していく


インライン要素のまま、上下marginを適用させる

CSS選択範囲非表示対応


×

ゲストコメント一覧

番号 内容 投稿日
1 2015-04-09
コメント件数 … 1件

類似度ページランキング
順位 ページタイトル抜粋
1 要素毎に順番で背景色変更 38
2 CSS3で背景色にグラデーションをつける 36
3 「兄弟要素の兄要素を選択するCSSセレクタ」は存在しない 34
4 CSSでループ処理。一定間隔で(背景色等を)繰り返し指定する 33
5 自分の環境でスプライト画像を作成したい 32
6 「:after擬似要素」は、Chromeの「要素を検証」で確認できない 30
7 CSSのみで交互色 … リスト 29
8 使用していないCSSをチェックする、標準的な方法を知りたい 29
9 親要素の横幅を越えたヘッダー/レスポンシブ対応 29
10 CSSで出来ないこと 28
11 Bootstrap3 で、固定ナビゲーションの下だけ背景色を指定 27
12 背景画像を要素幅一杯に広げ、リサイズにも対応させる 27
13 タグの"submit"属性の見た目を、CSSで変更しようとしてハマる 27
14 HTML5では、inputタグの閉じタグを付与しない 27
15 角丸の上部分を違う色にしたい/Fireworks 8 27
16 CSS3では指定子要素を持つ親要素は選択不可だが、指定親要素を持つ子要素は選択可能 27
17 aタグで複数のブロック要素を囲むやり方 26
18 指定兄弟要素(h1~h5タグ何れか)のmarginを取得して、指定要素に適用させたい 26
19 画像を小さくトリミングして綺麗にみせるため、PhotoShop CS3 で色調補正する 26
20 CSS管理効率化のために 26
2021/8/06 2:13 更新
週間人気ページランキング / 7-30 → 8-5
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 39
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 27
3 RGBの種類 / ビットカラー | RGB(色) 23
4 血の色 / #b30000 / #360800 / #ff0000 | 色 22
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 21
6 Design 0 17
7 HSLとHSVの違い | 色変換(色) 16
8 「属性」「プロパティ」「アトリビュート」の違い | CSS 13
9 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 12
9 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 12
9 コズミックブルーが何色か分からない | 色 12
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 11
10 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 11
10 「bgcolor」「background-color」「background」の違い | CSS 11
10 アドベンチャーゲーム系の素材をどうやって用意するの? | イラスト素材(デザイン) 11
11 16進数カラーコード / 2進数 9
12 画面キャプチャ | Chrome 拡張機能(ブラウザ) 8
13 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 7
13 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 7
13 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 7
2021/8/6 1:03 更新