![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
透過背景を解除するにはどうすればいいのでしょうか?
filterとopacityを使って背景色を透過したdivがあります
このdivの一部で透過を解除したいのですがどうすればいいのでしょうか?
コードは以下のようなイメージです
----------
■ HTML
<div class="sample1">
・・・←ここは透過
<div class="sample2">
・・・←ここは透過にしたくない
</div>
・・・
</div>
■ CSS
.sample1 {
・・・
opacity: 0.6; ←火狐他用
filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60); ←IE用
}
.sample2 {
ここに記述する内容が知りたい
}
----------
やってみてダメだった方法
・opacity: 1
・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=0,Style=0,Opacity=60);
・sample2に新しい背景色を指定する
・sample2に新しい背景画像を指定する
ご存知の方いましたら、よろしくお願いします!
No.1ベストアンサー
- 回答日時:
モダンブラウザへの指定はopacityじゃなくてbackground-colorをrgbaで指定すればできるのではないでしょうか。
rgba指定でできました
ありがとうございます!!
IEとの互換問題をどうしようか調べていて下の記事を参考にしました
background-colorじゃなくて、background使うんだそうです
http://css-eblog.com/ie-css-problems/rgba-pe.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
外部スタイルシートで定義した...
-
htmlのid属性って必要なの?
-
CSSのクラス名・ID名の指定でワ...
-
CSSでスクロールバーの色変更
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
CSS, リンクの色を一部変えるに...
-
サイトにjQueryが使用されてい...
-
livedoorブログでの背景画像サ...
-
印刷用CSS IEのとき、画像が印...
-
HP作成(ワッパーを中心に)
-
文字に綺麗な縁取りを
-
外部css定義したclassをht...
-
ページの左右の余白(枠外)に...
-
フロートのクリアについて
-
最近、HTMLのヘッダーをIDで定...
-
リンク文字の 一部だけ色を変...
-
CSSのタグ「#warpper」の意...
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
スタイルシートでデザイン
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートで、id属性の中...
-
CSSで、DIV#hogeという記述は何...
-
Bootstrap3でcontainerがずれる...
-
外部css定義したclassをht...
-
divの入れ子を多用してページを...
おすすめ情報