透過背景を解除するにはどうすればいいのでしょうか?
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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSに同じclass名がいっぱい‥。...
-
buttonで個別にhoverの時の色を...
-
個別にリンクの色を変える方法
-
liリストタグの背景色に色がつ...
-
サイトにjQueryが使用されてい...
-
リンク文字の 一部だけ色を変...
-
文字の背景色をつけるには?
-
<span>で2重にかけているものを...
-
既にhtmlで指定したカラーの変...
-
CSSのタグ「#warpper」の意...
-
HTML要素のid/class名の長さに...
-
CSS/日本語のID・クラス名につ...
-
CSSでスクロールバーの色変更
-
CSS, リンクの色を一部変えるに...
-
DreamWeaverMX2004にて開始タグ...
-
brにクラスをつけてcssでdispla...
-
display:table-cell内でこんな...
-
子孫セレクタの読み方をおしえ...
-
CSS リンクのスタイル指定をせ...
-
外部css定義したclassをht...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
スタイルシートで、id属性の中...
-
外部css定義したclassをht...
-
リンク文字の 一部だけ色を変...
-
ページの左右の余白(枠外)に...
-
<span>で2重にかけているものを...
-
CSSでテキストリンクの色を複数...
-
同ページ内でリンクの色を変え...
-
CSSが効かずどのように指定すれ...
-
display:table-cell内でこんな...
-
CSSの適用を一部だけ除外したい。
おすすめ情報