为IE8和IE7

2010-01-13 88 views 1 likes

的onmouseover JavaScript的不透明度这是我到目前为止有：为IE8和IE7

<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
建议？

来源

2010-01-13 kylex

回答

呃！ CSS为胜利！

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

来源

2010-01-13 16:56:19 SpliFF

请记住，'：hover'只能用于IE6中的''元素。 – 2010-01-13 17:01:33

注意：除非您还设置元素的WIDTH，否则alpha滤镜将无法在IE7中使用。 – Billbad 2012-05-04 08:44:16

你有没有考虑过使用像YUI或JQuery这样的框架来帮助你规范这种跨浏览器的不一致？

来源

2010-01-13 16:56:02 vicatcu

失去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)'" 
/>

来源

2010-01-13 17:00:56

为IE8和IE7

回答

相关问题