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。

Here's a live demo.

为什么会发生这种情况，我该怎么办才能阻止它呢？ （我无法摆脱zoom: 1。我还必须设置父类，如演示中所示。）

Answer 1

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

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

请参阅http://jsfiddle.net/GgY6C/29/