0

次の条件が満たされている場合、設定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。デモに示されているように親クラスも設定する必要があります。）

4

1 に答える 1

0

スパン要素の幅と高さが33x19から0x0になっていることに気づきました。したがって、「auto」に戻すと機能します。

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

http://jsfiddle.net/GgY6C/29/を参照してください

于 2012-07-19T20:18:25.477 に答える