在IE7和IE8中通过jQuery设置不透明度的问题

Question

我有这段代码：

<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）

我发现我必须在IE中使用 style.filter 属性，但不知道如何在上面的代码中完全实现它。有什么想法吗？

Answer 1

IE的那些版本中不存在opacity css类型，

这样做：'filter': 'alpha(opacity=15)'用于IE

Read up on opacity here

Answer 2

尝试：

$('#menu > li').stop().fadeTo("slow", 0.15);

Answer 3

css是filter：alpha（opacity = 15）; 不确定如何分配它的jquery语法 我想：

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

虽然不完全确定。