0

これには少しの履歴が必要なので、1 つの修正が、それ自体を修正する必要がある問題になっただけであることがわかります。

この jsFiddle を Firefoxで見てください。ボタンをクリックすると、HTML 領域の左上隅に栗色のボックスが表示されます。Chrome、IE、および Safari では、同じ jsFiddle で、チェックボックスを含むセルが栗色のボックスを表示してから背景にフェードアウトします。これが望ましい動作です。

js コードと css で、チェックボックスのセルに div が追加されてからフェードアウトすることに注意してください。これは、この jsFiddleで見つかった問題の解決策になるはずでした。そこの js コードでは、UI ハイライト効果を使用していることがわかります。これはすべてのブラウザーで機能しますが、背景画像に移動する前に白にフェードします。

白にフェードしてから背景画像に変わる問題に対処するために、以前の jsFiddle が修正されるはずでしたが、これは Firefox の問題を引き起こしただけでした。そして、UI の位置効果を使用してそれを修正しようとしても役に立ちませんでした。

ハイライト効果のように、チェックボックスのセルを白くフェードせずにハイライトするクロスブラウザー ソリューションを誰かが見つけるのを手伝ってくれたら、私は永遠に感謝します。

4

2 に答える 2

1

入力を a にラップする<div style="position: relative">と、FF でも機能します。<td>FF のテーブルでの絶対配置は問題のようですposition: relative。

これが変更されたfiddleです。

動的なラッピング/アンラッピングのみのjQueryでも可能です。JS を次のように変更します。

 $('#classesTable input:checkbox').wrap('<div style="position: relative"/>').parent().append('<div class="checkwrap" />');

 $('#classesTable .checkwrap').fadeOut(1000, function() {
       $(this).unwrap().remove();
 });

ここでこのフィドル

于 2011-06-24T13:51:22.483 に答える
0

それはffの問題ではありません-それはあなたのものです。Td を相対的に配置することはできません。div iside td 幅を使用position:relative

于 2011-06-24T13:54:48.327 に答える