Question

我为我们的网站创建了一个简单的登录页面，它基本上是一个占据整个页面的图像，顶部的导航栏位于顶部，带有.5 alpha。当我使用jQuery淡入/淡出背景时，它会使这个导航栏淡入/淡出。

我该如何解决这个问题？

使用Javascript：

<script>
$(".loadHome").click(function(e)
{
    e.preventDefault();
    $('#bg-locations').fadeOut('fast');
    $('#bg-features').fadeOut('fast');
    $('#bg-home').fadeIn('fast');
});
$(".loadLocations").click(function(e)
{
    e.preventDefault();
    $('#bg-home').fadeOut('fast');
    $('#bg-features').fadeOut('fast');
    $('#bg-locations').fadeIn('fast');
});
$(".loadFeatures").click(function(e)
{
    e.preventDefault();
    $('#bg-home').fadeOut('fast');
    $('#bg-locations').fadeOut('fast');
    $('#bg-features').fadeIn('fast');
});
</script>

Answer 1

你的div正在淡出你的标题。

将您的#header样式更改为：

#header {
  height: 210px;
  width: 100%;
  background: rgba(38, 38, 38, .5);
  overflow: hidden;
  text-align: center;
  position: relative; /* Add this line */
}

JQuery Fade In / Out导致其他DIV闪烁

1 个答案: