jQuery CSS不透明覆盖

Question

我正在尝试创建一个弹出窗口，我正在使用jQuery的CSS函数。这是代码：

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

这里#window在#content.Hence里面，当它“淡入”时，它的不透明度也设置为0.7，我试图通过第3行代码覆盖它。但它不工作。可以绕过这个吗？感谢。

Answer 1

不幸的是，没有办法解决这个问题。至少，没有整洁的方式。

请注意，#window被设置为#content的100％的100％。

解决这个问题的唯一方法是让#window不在#content内，而是在{_ 1}之后。

Answer 2

使用

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

你也可以考虑$ .animate（），如果这就是你要找的东西。

请记住： CSS-Opacity是链接。因此，即使#window的不透明度为100％，也只有100％来自其父级的70％不透明度。 有关恶意解决方法，请参阅http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

Answer 3

只是有一个更好/不同的想法。

如果可以，请在position: absolute上设置#window。确保它不会导致流程出现问题，但如果你这样做，那么opacity就不再链接了。

Answer 4

使用fadeTo（）

$('#window').fadeTo('fast', 1.0);