IE8和IE7的onmouseover javascript不透明度

这就是我到目前为止所做的：

<img src="images/test.jpg" 
class="black" 

onmouseout="this.style.opacity=1;
this.filters.alpha.opacity=100;
this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

onmouseover="this.style.opacity=0.3;
this.filters.alpha.opacity=30;
this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'" 
/>

它适用于FF和Safari，但不适用于IE 7或8。

---

建议？

您是否考虑过使用像YUI或JQuery这样的框架来帮助您规范化这样的跨浏览器不一致性？

您是否考虑过使用像YUI或JQuery这样的框架来帮助您规范化这样的跨浏览器不一致性？

啊！为了胜利

<style>
img.black:hover {opacity: 0.3; filter:alpha(opacity=30);}
</style>

啊！为了胜利

<style>
img.black:hover {opacity: 0.3; filter:alpha(opacity=30);}
</style>

丢失this.filters.alpha.opacity=30行。更正代码：

<img src="images/test.jpg" class="black"  
    onmouseout="this.style.opacity=1; 
      this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'" 

    onmouseover="this.style.opacity=0.3
      this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'"  
/> 

丢失this.filters.alpha.opacity=30行。更正代码：

<img src="images/test.jpg" class="black"  
    onmouseout="this.style.opacity=1; 
      this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'" 

    onmouseover="this.style.opacity=0.3
      this.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'"  
/> 

---

请记住：悬停将仅对IE6中的元素起作用。注意：除非同时设置元素的宽度，否则alpha过滤器在IE7中不起作用。请记住：悬停将仅对IE6中的元素起作用。注意：除非同时设置元素的宽度，否则alpha过滤器在IE7中不起作用。