Question

在上面的示例中，单击该按钮可添加和删除div和两个表行的 selectedRow 类。由于这些元素的公共类的转换声明，不透明度应该从1.0平滑地变为0.25。

这适用于Chrome 43.0.2357.130（64位），但不适用于IE 11.0.9600 - 只有DIV元素发生变化。删除过渡声明和不透明度可靠地更改。

我是否遗漏了一些微妙的CSS或者这是一个错误？

Answer 1

我无法告诉你为什么它在IE中无法正常工作，但我根本没有留下深刻的印象。我注意到那些不在IE中工作的人是TR个类.toggleTarget，所以如果你在div中添加文本它将正常工作。

<!DOCTYPE HTML>
<html>
   <head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  </head>

   <body>
     <div class="toggleTarget">DIV CONTENT</div>
     <table>
       <tr>
         <td>
           <div class="toggleTarget">TABLE ROW 0</div>
          </td>
       </tr>
       <tr><td>
         <div class="toggleTarget">TABLE ROW 1</div>
           </td></tr>
     </table>
     <button onclick="$('.toggleTarget').toggleClass('selectedRow');">Click Me</button>
   </body>
</html>

IE11 CSS不透明度转换表行不起作用

1 个答案: