jQuery FadeIn-淡入背景图像div但不淡入内容div?

| 我真想弄清楚该怎么做: 有关该问题的实时示例,请参见http://webid3.feckcorp.com。 我想使用JQuery淡入
<div id=\"home_page_back\">
(在主要内容后面包含垂直排列的灰色背景),但不淡入
<div id=\"content\" class=\"container\">
中包含的其前面的内容。 现在,我似乎只能使它淡入淡出,而我只希望背景div淡入。 任何可以阐明该解决方案并帮助我解决问题的人,将不胜感激。 干杯 解决了 我将div的z索引调整为-1,并将其绝对定位。就这么简单:
z-index:-1;
position:absolute;
    
已邀请:
        我认为这样的事情应该起作用:
$(document).ready(function () {
$(\"#home_page_back\").hide();
$(\"#content\").fadeTo(0, 0);
$(\"#home_page_back\").fadeIn(500, function(){
    $(\"#content\").fadeTo(500, 1);
    });     
});
您也可以使用
$(\"#content\").hide();
,但是像这样,当您需要显示
#content
时,您可能会获得更平滑的淡入淡出效果。     
        您只有2个选择: 1-将
content
div放到
home_page_back
之外 2-使用css3规则:
background-color: rgba(255,0,0,1);
表示
content
div 顺便说一句,这是一个纯CSS问题,而不是jquery问题,这是任何透明元素都将使其所有子元素具有相同的透明性。 CSS3通过使用rgba颜色解决了这个问题,您可以在其中使用它的最后一个值来控制不透明度,并且它不会影响内部元素。 您可以在Google首次搜索结果中检查这两种方式的许多解决方案。 Twitter正在使用此CSS3 更新: 它表明jquery不支持RGBA,所以可能您需要一个插件,或者只是在CSS中创建一个类并将其提供给该父元素。     
        由于
#content
#home_page_back
的孩子,因此父母中的褪色自然会在所有孩子中逐渐消失。考虑提取
#home_page_back
div,并将其作为
#content
的同级。您仍然可以通过CSS获得所需的尺寸。     

要回复问题请先登录注册