谁能帮我解决这个问题 老难了 一直没有解决好

网站导航栏做了背景色透明处理 可是在ie6 7 8下都正常 可是在ie9下就不行 透明色是双层来执行的（透明色比ie6 7 8下要深很多 是双层透明色）

下面把代码放出来 请高手帮我解决一下吧


  

/*---导航---*/
<style>
#nav {
height: 40px;
width: 840px;
text-align: center;
clear: both;
margin: -5px 0 0 0;
/*---透明开始---*/
background:none;
filter:progid: DXImageTransform.Microsoft.Gradient(startColorStr=#77000000,endColorStr=#77000000); /*-ie6 7 8-*/
background-color:rgba(1,1,0,0.5);
/*---透明结束---*/
float: right;
margin-right: 15px;
font-family: 'microsoft yahei';
}

/*---解决在ie9下正常显示透明色开始---*/
:root .nav {
filter:progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/*解决ie9下透明色正常*/
}
/*---解决在ie9下正常显示透明色结束---*/

#nav ul{float:left;width:840px;margin:0 auto;}
#nav li{float:left;height:40px;position:relative}
#nav li.line_off{background:none}
#nav a{display:block;float:left;text-decoration:none;height:35px;padding-top:5px;line-height:18px;font-size:15px;color:#CFC4AC;width:90px;blr:expression(this.onFocus=this.blur());outline:none;position:relative;}
#nav a:hover,#nav .active a,#nav li.sfhover a{color:#fff;text-decoration:none;font-weight:700}
#nav a span{font-size:8px;-webkit-text-size-adjust:none;line-height:12px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}
#nav .n{background:url(images/i2.png) no-repeat 0 4px;width:16px;height:51px;float:left}
/*---当前分类---*/
#nav li ul{display:none;position:absolute;top:40px;left:-20px;width:116px;padding:10px 0;background:url(images/nav2.png) repeat-y;z-index:11}
#nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{background:none;font-weight:300;height:auto;color:#000;line-height:24px;width:110px;margin-left:3px;font-size:12px;float:none;padding:0 0 6px;background:url(images/nav2.png) no-repeat -234px -100px;_background:url(images/nav2_1.gif) no-repeat 0 -30px}
#nav li ul a:hover{background:url(images/nav2.png) no-repeat -234px 0;_background:url(images/nav2_1.gif) no-repeat 0 0;color:#fff;font-weight:300}
#nav li ul .t{position:relative;z-index:2;top:14px;left:0;width:116px;height:4px;font-size:0;line-height:0;overflow:hidden;background:url(images/nav2.png) no-repeat -116px 0;_background:url(images/nav2_2.png) no-repeat}
</style>


现在的问题是 我加入了
:root .nav {
filter:progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
}
可是在ie9下透明色没有改变

请高手帮解决一下 谢谢

ie9用着不习惯 调查显示 用ie9的人 特别少

以后用的就多了 不能因为用的少 这个问题就不解决了

看看有高手不