如何使标题透明并在隐藏时显示在下方

Question

我正在切换标题可见性，当我隐藏它时，我需要它是透明的并显示滚动内容。

我尝试了几种方法，但标题不透明。请注意它是正确隐藏的，但它留下了白色背景。所以我想让它变得透明：

 $('.ui-header').hide().animate({opacity: 0.0});// Hide the header but its opacity doesn't get to 0
 $(".ui-header").css("backgroundColor", "transparent");// No effect

如何使标题透明，以便显示下面的内容？

Answer 1

$(".ui-header").hide();

应该足够了。隐藏元素意味着不显示它，这相当于将元素的不透明度设置为零。

在阅读documentation for the jQuery function .hide()时，它明确指出不带任何参数的.hide()相当于CSS中的display: none;。

如果您无法通过JS找到错误，我建议将display: none;提供给CSS中的ui-header类。如果两者都不起作用，我们需要更多代码来追踪错误并给出正确答案。

编辑：JSFiddle演示可用here。