こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

Dreamweaver Spryメニュー 半透明 IE

Dreamweaver CS4を使用しています。Spryメニューを設置してるのですが、IEでメニューを半透明に表示させられません。Firefox,Chromeなどでは大丈夫なのですが・・・
CSSに次のように記入しています。
===========
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #89b1f4;
padding: 0.5em 0.75em;
color:#000;
text-decoration: none;
filter:alpha (opacity=80);
-moz-opacity:0.8;
opacity:0.8;

}
==========
filter:alpha (opacity=80);
この部分がIEで半透明にさせるはずなのですが、IE上では確かに透明になっていますが、背景が黒く表示され、不透明度0にすると真っ黒になってしまいます。また別のところに設置したやつでは、背景色は白になっていました。
今のところは不透明度100にして使用していますが、半透明にしたいです。下のほうに画像などがあった場合でも、それが薄く表示されたりせず、背景色になってしまうようです。

解決方法があれば教えてください。

投稿日時 - 2010-01-12 12:55:00

QNo.5587311

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

こんにちは。


質問の内容に答えるものになっているかわかりませんが・・・。

Dreamweaverで生成されるSpryメニューのCSSを見ますと、一番下にIE用のハックがあります。
background: #FFF;
が指定されていますので、ここを
background: transparent;
とでもしてみてはいかがでしょうか?(少なくとも私の環境ではIEでも半透明になりましたので)

投稿日時 - 2010-01-25 22:54:17

お礼

ありがとうございました。半透明にできました!

投稿日時 - 2010-02-03 18:30:50

あなたにオススメの質問