IE11 CSS不透明度轉換表行不起作用

Question

在上面的示例中，單擊該按鈕可添加和刪除div和兩個表行的selectedRow類。 由於這些元素的公共類的轉換聲明，不透明度應該從1.0平滑地變為0.25。

這適用於Chrome 43.0.2357.130（64位），但不適用於IE 11.0.9600 - 只有DIV元素發生變化。 可靠地刪除轉換聲明和不透明度更改。

我錯過了一些微妙的CSS或這是一個錯誤嗎？

Answer 1

我無法告訴你為什么它在IE中無法正常工作，但我對此並沒有留下深刻的印象。 我注意到那些在IE中不起作用的是具有類.toggleTarget的TR ，所以如果你在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 個解決方案

解決方案1
1 已采納 2015-07-13 15:20:21

IE11 CSS不透明度轉換表行不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2015-07-13 15:20:21

解決方案1
1 已采納 2015-07-13 15:20:21