1

少し前に作成したこのデモページをご覧ください。

http://www.s3maphor3.org/demo/hotbox/

これは、スペースキーを押したときにトリガーされるカスタムライトボックスです。それが機能する方法は非常に簡単です。ページには2つの非表示のdivがあります。1つはライトボックスのコンテンツ用で、もう1つは暗いレイヤー（不透明度70％）を保持します。暗くするレイヤーのz-indexは、ライトボックスのz-indexより1つ小さくなります。スペースキーを押すと、単純なjQueryスクリプトが両方のdivで.show（）を実行します。

このデモは正常に機能しますが、別のプロジェクトで使用したときに機能しなくなりました。IE7と8では70％の暗いレイヤーが表示されず、代わりに黒一色の背景が表示されます。動作する元のデモと他のプロジェクトで使用しているバージョンの違いを確認するために、何時間も費やしています。最終的に私はそれを釘付けにしました：違いはjQueryバージョンにあります。

元のデモではjQuery1.3.1を使用していますが、新しいプロジェクトではjQuery1.4.2を使用しています。新しいjQueryライブラリで何かが変更されたに違いありませんが、それを回避する方法と方法を見つけるのに苦労しています。私は1.3.1にとどまることができますが、最終的にはこれをなんとかして修正する必要があります。

4

1 に答える 1

3

私自身の質問にこんなに早く答えるのはちょっとつまらないですが、回避策を見つけました。表示する前にjavascriptで不透明度を設定すると（CSSにはすでにそのルールがありますが）、うまくいくようです。

$('#darken').css('filter', 'alpha(opacity=70)');
$('#darken').show(0);

これにより、画面に小さなFlickrが表示されるので、より良い解決策を探しています。

于 2010-03-29T18:29:01.243 に答える