Question

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

网站的结构阻止我在div之外移动h2-tag。

例如。

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

Answer 1

fadeTo无法实现这一点，因为它依赖于不透明度来控制淡入淡出，并且您不能以不同于父级的不透明度的方式设置子级的不透明度。

但是，请参阅this答案，了解如何使用rgba过渡。

你可以看到这个小提琴在背景中淡化div，你可以淡化到零不透明度以有效地使它消失。

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