Проблема с настройкой непрозрачности с помощью jQuery в IE7 и IE8 - PullRequest
Новая
       24

Проблема с настройкой непрозрачности с помощью jQuery в IE7 и IE8

0 голосов
/ 24 мая 2011

У меня есть этот код: 

<ul id='menu'>
  <li class="no1"> </li>
  <li class="no2"> </li>
  <li class="no3"> </li>
</ul>

Классы № 1 - № 3 просто установить фоновые изображения для тегов "li". Я использую следующий код, чтобы установить непрозрачность всех элементов li на 0,15: 

$('#menu > li').hover(function () {
      $('#menu > li').stop().animate({'opacity':'0.15'},"slow");
}

В Opera, Chrome, Safari и Firefox все в порядке, но в IE7 и IE8 это не работает (и даже, может быть, IE9)

Я обнаружил, что должен использовать свойство style.filter в IE, но не знаю, как точно реализовать его в приведенном выше коде. Есть идеи?

Ответы [ 3 ]

0 голосов
/ 24 мая 2011

Попробуйте: 

$('#menu > li').stop().fadeTo("slow", 0.15);
0 голосов
/ 24 мая 2011

css - фильтр: альфа (непрозрачность = 15);Не уверен, как пойдет синтаксис jquery для его назначения, хотя я предполагаю: 

 $('#menu > li').stop().animate({'opacity':'0.15'; 'filter':'alpha(opacity=15)'},"slow");

Не совсем уверен, хотя.

0 голосов
/ 24 мая 2011

Тип opacity css не существует в этих версиях IE,

так же: 'filter': 'alpha(opacity=15)' для IE

Читайте о непрозрачности здесь

...