淡出除一个以外的所有对象

【问题标题】：fade out all objects except one淡出除一个以外的所有对象
【发布时间】：2016-08-22 04:40:44
【问题描述】：

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

网站的结构使我无法将 h2-tag 移到 div 之外。

例如。

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

【问题讨论】：

标签： jquery css

【解决方案1】：

fadeTo 无法做到这一点，因为它依赖不透明度来控制淡入淡出，并且您不能将子项的不透明度设置为与父项的不透明度不同。

但是，请参阅this 答案以了解如何使用 rgba 转换。

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

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

【讨论】：