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;
没有找到相关结果
已邀请:
3 个回复
抹持奠糙驰
您也可以使用
,但是像这样,当您需要显示
时,您可能会获得更平滑的淡入淡出效果。
队辅坟阮阶
div放到
之外 2-使用css3规则:
表示
div 顺便说一句,这是一个纯CSS问题,而不是jquery问题,这是任何透明元素都将使其所有子元素具有相同的透明性。 CSS3通过使用rgba颜色解决了这个问题,您可以在其中使用它的最后一个值来控制不透明度,并且它不会影响内部元素。 您可以在Google首次搜索结果中检查这两种方式的许多解决方案。 Twitter正在使用此CSS3 更新: 它表明jquery不支持RGBA,所以可能您需要一个插件,或者只是在CSS中创建一个类并将其提供给该父元素。
拈吉勉犬姆
是
的孩子,因此父母中的褪色自然会在所有孩子中逐渐消失。考虑提取
div,并将其作为
的同级。您仍然可以通过CSS获得所需的尺寸。