0

diva が aからオーバーフローしている状況がありtdます。問題は、その下にあるコンテンツの下に何らかの形で流れていることです。これにより、すべてが判読できなくなります. 使っz-indexてみたが駄目。私のjsFiddle デモを参照してください。

td.big { 
    overflow-y:visible;
}
div.clipper { 
    max-height: 5em; 
    overflow-y: hidden;
}
div.clipper:hover {
    overflow-y: visible;
}
tr:hover,
div.clipper:hover .backing {
    background: lightblue;
    z-index: 1;
}

table, tr, td { 
    z-index: 0;
}

td技術的にはまったくすべきではないことを私は知っていoverflowます。ここでの私の本当の目標は、特定のセルのコンテンツが特定の高さよりも大きくなるのを防ぎ、ホバー時にそのコンテンツを表示することです。これに対する CSS のみの解決策はありますか、それともすべてを行う必要があり$.clone()ますか?

4

2 に答える 2

1

max-height: inherit;.clipper:hoverに追加します。

div.clipper:hover {
    overflow-y: visible;
    max-height: inherit;
}
于 2012-11-08T23:10:30.803 に答える
0

z-index はデフォルトでは機能しません。相対、絶対、または固定配置された要素でのみ機能します。position: relativez-index を指定する css セクションに追加すると、機能します。

于 2012-11-08T23:14:57.977 に答える