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上では確かに透明になっていますが、背景が黒く表示され、不透明度０にすると真っ黒になってしまいます。また別のところに設置したやつでは、背景色は白になっていました。
今のところは不透明度１００にして使用していますが、半透明にしたいです。下のほうに画像などがあった場合でも、それが薄く表示されたりせず、背景色になってしまうようです。

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

回答No.1

matan38

こんにちは。

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

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

お礼

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