IE8cv益智遊戲：設置變焦：經由第1類隱藏內容

如果滿足以下條件，設定zoom:1隱藏該元素的含量：IE8cv益智遊戲：設置變焦：經由第1類隱藏內容

標記必須具有這樣的結構：

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

這些款式必須定義：

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

somethingSPECIAL類應該應用於以上的任何祖先的頁面加載後（如點擊按鈕）。
您被迫使用的瀏覽器必須是兼容性視圖中的IE8。

Here's a live demo.

爲什麼會這樣，我能做些什麼來預防呢？（我不能擺脫zoom: 1。我也必須設置父級，如演示中所示。）

來源

2012-07-18 Not Dr. Horn

我注意到span元素的寬度和高度從33x19變爲0x0。所以，如果你把它設置回'自動'它的作品。

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

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

來源

2012-07-19 20:18:25 Adam

這是redonkulous，但它的作品。謝謝！關於爲什麼IE8CV會這樣做的任何理論？ – 2012-07-19 20:48:43

此外，我想只是重置'span's類也可以，並且這不會混淆可能有寬度的任何跨度（當它們也具有display：block時）。（'。zoom'）。addClass（'。zoom'）' http://jsfiddle.net/GgY6C/30/ – 2012-07-19 21:06:48

哎呀！錯過了錯字。「.zoom」不是一個類，並且不能重新使用zoom：1 ...它只是添加一個無所事事的類。這也可以工作：'.find（'。zoom'）。addClass（'somethingThatDoesntEvenExist'）'。 WTF？ http://jsfiddle.net/GgY6C/31/ – 2012-07-20 13:43:04

IE8cv益智遊戲：設置變焦：經由第1類隱藏內容

回答

相關問題