Jquery 在动画后更改div上的z索引
我有三个div 1设置为z-index1(背景图像) 1设置为z-index5(带文本和链接的纯div) 1设置为z-index10(前景图像) z-index5在另外两个div和stop之间向上滑动。但是,它的链接是不可点击的,因为它位于前景图像(主要是透明的.png)下方 我的问题是,一旦动画停止,如何使z索引向前移动,以便链接可以单击?这是我到目前为止所做的,但它不起作用。动画播放正确,但zindex似乎没有在前景上方移动。提前谢谢 问题中的页面:www.titanstudio.net/about.html 整个jquery代码将为另一个小div设置动画,预加载图像并隐藏div,直到加载图像Jquery 在动画后更改div上的z索引,jquery,jquery-animate,z-index,Jquery,Jquery Animate,Z Index,我有三个div 1设置为z-index1(背景图像) 1设置为z-index5(带文本和链接的纯div) 1设置为z-index10(前景图像) z-index5在另外两个div和stop之间向上滑动。但是,它的链接是不可点击的,因为它位于前景图像(主要是透明的.png)下方 我的问题是,一旦动画停止,如何使z索引向前移动,以便链接可以单击?这是我到目前为止所做的,但它不起作用。动画播放正确,但zindex似乎没有在前景上方移动。提前谢谢 问题中的页面:www.titanstudio.net/a
$(window).load(function(){
$('#PageTitle').fadeIn(500,function(){
$(this).animate({"left" : "100px"}, 1000);
});
$(function() {
$('#contentcontain').animate({ marginTop: 40 }, 7000, function() {
$(this).css({ zIndex: 15 });
});
});
$('#undersplash').show();
$('#oversplash').show();
});
仅供参考,我猜正确的属性是
z-index
而不是'zIndex
”。它要么是.css('z-index',15)
或.css({zIndex:15})
我回答得太慢了,但在这里:Joonas在他的JSFIDLE中使用了ZIndex,它可以工作。仅供参考,我猜正确的属性是z-index
而不是'ZIndex
'。它要么是.css('z-index',15)
或.css({zIndex:15})代码>我回答得太慢了,但这里:Joonas在他的JSFIDLE中使用了ZIndex,它可以工作。这也不起作用。。我想知道是不是前景图像把它搞砸了。@JamieCollingwood-用DOM检查器检查元素,看看z索引是否真的改变了,如果改变了,还有其他问题吗?是的。。谢谢你的建议,我不知道为什么我没有去。Dom工具显示我将中间的div嵌套在背景div中。。把它拿出来,这样它就不会嵌套了,现在效果很好。。。很抱歉忽略了第一个明显的问题=(旁注.$(this).css({zIndex:15});与“z-index”一样有效谢谢大家的帮助!这也不起作用。。我想知道是不是前景图像把它搞砸了。@JamieCollingwood-与DOM检查器一起检查元素,看看z-index是否真的改变了,如果改变了,还有什么问题吗?是的。.谢谢你的建议,我不知道为什么这么做不要这么说。Dom工具显示我把中间的div嵌套在背景div中。把它取出来,这样它就不会嵌套了,现在工作得很好…很抱歉忽略了明显的第一个部分。=(在旁注上…$(this)。css({zIndex:15});和'z-index'一起工作谢谢大家的帮助!
$(function() {
$('#contentcontain').animate({'margin-top': '10px'}, 7000, function() {
$(this).css('z-index', '15');
});
});