html - IE8cv 益智游戏：通过类设置缩放：1 隐藏内容

Question

如果满足以下条件，设置zoom:1隐藏元素的内容：

1. 标记必须具有以下结构：

   <table><tr><td>
       <div class="overflow">
           <span class="zoom">zoom</span>
       </div>
   </td></tr></table>
   

2. 必须定义这些样式：

   .somethingSPECIAL .zoom {
       zoom: 1;
   }
   .overflow {
       width: 300px;  /* Whatever px here. */
       height: 150px; /* Whatever px here. */
       overflow: auto;
   }
   

3. 该类somethingSPECIAL应在页面加载后应用于上述标记的任何祖先（如单击按钮）。

4. 您被迫使用的浏览器在兼容性视图中必须是 IE8。

这是一个现场演示。

为什么会发生这种情况，我能做些什么来防止它发生？（我无法摆脱zoom: 1。我还必须设置父类，如演示中所示。）

Answer 1

我注意到 span 元素的宽度和高度从 33x19 变为 0x0。因此，如果您将其设置回“自动”，则它可以工作。

$('.zoom').css('width', 'auto');

见http://jsfiddle.net/GgY6C/29/