人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【HTML】CSSで背景画像をグレースケール(モノクロ)にし、子ボックスで解除する方法
インデックスページでは色のついた背景画像を設定し、他のページで背景画像をモノクロにしたいのですが、画像をいちいち2つ用意するのもめんどくさい(コロコロ変える予定なので)

なので他のページをCSS「background-image」「-webkit-filter: grayscale(100%);」でモノクロにしたのですが
モノクロにした親ボックスにコンテンツ(子ボックス?)が入れ子になってるので、
コンテンツ内の画像もモノクロになってしまいます。

<親ボックス> ←ここに背景画像とグレースケール設定

<子ボックス>
画像ペタペタ ←するとここもグレースケール設定になってしまう
</>

</>


なので、「background-image」のみにグレースケールを適応する方法
または、子ボックスの設定で「-webkit-filter: grayscale(100%);」を解除する方法を教えてください

お願いします。

※子ボックスに「-webkit-filter: grayscale(0%);」と上書きするだけでは無理でした。

●質問者: 匿名質問者
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ