jquery - 淡出除一个对象之外的所有对象

Question

所以我有一个背景覆盖整个 View 的 div。在里面我有一个h2标签。是否可以淡出背景，同时淡出 h2 标签？

网站的结构阻止我将 h2 标签移到 div 之外。

例如。

$('#intro').fadeTo('slow',0.67,function(){
                $("h2").css("color","black");
                $("h2").css("opacity","1");

Answer 1

这对于 fadeTo 是不可能的，因为它依赖于不透明度来控制淡入淡出，并且您不能将子项的不透明度设置为与父项的不透明度不同。

但是，请参阅 this回答如何使用 rgba 转换。

您可以看到这个用于淡化背景中的 div 的 fiddle ，您可以将其淡化为零不透明度以有效地使其消失。

$(function () {
  setTimeout(function () {
    $('#background').animate({
      backgroundColor: 'rgba(0,0,0,0.0)'
    });
  }, 2000);
});

https://jsfiddle.net/p7a4xm7u/8/