1

jQuery の CSS 関数を使用してポップアップを作成しようとしています。コードは次のとおりです。

function Show_Popup(action, userid) {
 $('#content').css("opacity","0.7");
 $('#window').fadeIn('fast');
 $('#window').css("opacity","1.0");}

ここで #window は #content 内にあります。したがって、「フェードイン」すると、不透明度も 0.7 に設定されます。これは、コードの 3 行目でオーバーライドしようとしています。

4

4 に答える 4

1

残念ながら、これを回避する方法はありません。少なくとも、きちんとした方法はありません。

ほら、#window100%#contentの 70% に設定されています。

これを回避する唯一の方法は、 の#window中#contentにいるのではなく、 の後/上にいることです。

于 2012-04-07T01:03:42.210 に答える
1

使用する 

 $('#content').css("opacity","0.7");
 $('#window').fadeIn('slow', function() {
      $('#window').css("opacity","1.0");}
  });

また、それが探しているものである場合は、 $.animate() を検討することもできます。

覚えておいてください: CSS-Opacity はチェーンです。したがって、#window の不透明度が 100% であっても、その親の 70% の不透明度からは 100% にすぎません。 /ハック的な回避策

于 2012-04-07T01:03:50.027 に答える
1

より良い/異なるアイデアがありました。

できれば にセットposition: absoluteして#windowください。フローに問題が生じないように注意してくださいopacity。

于 2012-04-07T01:14:06.870 に答える
0

fadeTo() を使う

$('#window').fadeTo('fast', 1.0);
于 2012-04-07T01:16:29.397 に答える