透過背景を解除するにはどうすればいいのでしょうか？

質問

透過背景を解除するにはどうすればいいのでしょうか？

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

metametamu · ベストアンサー

モダンブラウザへの指定はopacityじゃなくてbackground-colorをrgbaで指定すればできるのではないでしょうか。

お礼

rgba指定でできました
ありがとうございます！！

IEとの互換問題をどうしようか調べていて下の記事を参考にしました
background-colorじゃなくて、background使うんだそうです
http://css-eblog.com/ie-css-problems/rgba-pe.html