解決済
DIV内の全ての背景画像にフィルターをかけ
背景画像を透過させページの背景画像が透けて見えるようにしたいのですが、
サイドバーのボディ?だけ透過されないのは何故でしょうか。。症状はこのとおりです。→
恐らく以下のスタイルシートの部分だと思うのですが。
.side{
color:#630;
font-size:12px;
text-align:center;
line-height:150%;
padding:10px 10px 10px 10px;
background:url(http://parts.blog.livedoor.jp/img/usr/wetcolor/sidebg.jpg) repeat-y 50% 0;
filter:Alpha(opacity=50,enabled=50);
}
.sidebody{
padding:2px 12px;
text-align:left;
}
宜しくい願いいたします。
2006-07-31 22:18の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-07-31 23:33:20
回答ではないのですが少しアドバイスを。
わざわざ彼方此方にフィルタをかけなくても
#content(記事が載る所)と#links(サイドバー)にだけフィルタをかけてあげるとスマートに行くのではないかなと思いますがどうでしょうか？
全体にフィルタをかけたければ#containerにフィルタを設定するだけでOKなはずです。
あと、
わざわざ彼方此方にフィルタをかけなくても
#content(記事が載る所)と#links(サイドバー)にだけフィルタをかけてあげるとスマートに行くのではないかなと思いますがどうでしょうか？
全体にフィルタをかけたければ#containerにフィルタを設定するだけでOKなはずです。
あと、
filter: alfa(opacity=70);だとIEくらいにしか透過表示されないので
opacity: 0.7;こちらもあわせて設定してあげると良いかと思います。
回答レベル : アドバイス
Ads By Google
コメント(3)
#1. 羽音
2006-08-01 00:34:51
回答ありがとうございます！！
一応、ご指摘通りにやってみたつもりですが、
私の環境では反映されませんでしたTT
#content{
float:left;
width:580px;
text-align:center;
filter: alfa(opacity=70);
opacity: 0.7 }
#links{
float:right;
width:200px;
padding:0;
filter: alfa(opacity=70);
opacity: 0.7 }
おっしゃるとおりに、閲覧端末により左右される技だからでしょうか。。。
#2. cie
2006-08-01 09:48:34
>>#1
フィルタの設定は大丈夫みたいですね。
※opacityの最後;←入れ忘れてます。
ただbody{ }に設定している背景プロパティ
background:url(http://www37.tok2.com/home/haoto/oil01.JPG) no-repeat no-repeat fixed 2% 95%;ここの"no-repeat no-repeat"と2つ"no-repeat"が続いてしまっている部分を１つにしてあげると良いと思います。
#3. 羽音
2006-08-01 10:37:39
わ、わかりました！
いろいろとご親切に、本当にありがとうございました☆
