Непрозрачность JavaScript для IE8 и IE7 - PullRequest
Новая
       12

Непрозрачность JavaScript для IE8 и IE7

1 голос
/ 13 января 2010

Это то, что я имею до сих пор: 

<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.
Предложения?

Ответы [ 3 ]

2 голосов
/ 13 января 2010

Тьфу! CSS для победы! 

<style>
img.black:hover {opacity: 0.3; filter:alpha(opacity=30);}
</style>
2 голосов
/ 13 января 2010

Потерять линию 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)'"  
/>
0 голосов
/ 13 января 2010

Рассматривали ли вы использование фреймворка, такого как YUI или JQuery, чтобы помочь вам нормализовать кросс-браузерные несоответствия, подобные этой?

...