Jquery 覆盖浏览器窗口中心的div

我正在使用jQuery动画淡入图像，为了实现这一点，两个图像位于一个DIV内的一个DIV中，使其看起来像一个淡入另一个，一个位于另一个之上。它可以工作，我只想把它移到我页面的中心，但似乎无法让它工作。下面是HTML和CSS。我试着修改边距、顶部和左侧的位置等等，但都没有成功。谢谢你的反馈

编辑：我想要的是一个DIV直接位于另一个DIV之上。它们都充满了相同的图像，除了一个周围有我在编辑软件中创建的光晕。当页面加载时，jQuery会触发第一个div.fade淡出，并允许另一个div.inside淡入，从而创建一个动画，使其看起来好像一个图像正在慢慢变为另一个图像。这已经自动发生，并且工作得非常完美。我只是希望图像直接集中在浏览器窗口中间，而不是自动放置在左边。

CSS

HTML

---

我假设您正在尝试将.fade div置于.container div的中心

从.fade css中取出顶部和左侧属性，定义宽度属性，然后添加：

margin: 0 auto;

这将使其水平居中。

如果要使.fade div居中，请尝试：

---

检查这里：v2

jQuery在哪里$window.loadfunction{setTimeoutfunction{$'div.fade>div'.fadeIn3000//3秒淡入}，2000//2秒后。}图像是否有固定大小？无效：仍然在页面左侧的同一位置，现在div不再是一个在另一个之上。我正在尝试粘贴新的css，但是这个注释选项说它有太多的字符，我看不到其他的回复方式哈哈。@user2396038你能发布一个提琴吗？将它移到我页面的最右边，并将顶部的提琴从底部的提琴上取下。一个必须覆盖另一个，动画才能正常工作。好的，刚刚更新了我的答案。添加的位置：相对。淡入淡出和位置：绝对到。内部我的div一个接一个地回到我想要的位置，但它仍然不在中间：/I它位于页面的右侧，好像它是右对齐的。我不明白为什么会这样。你检查过JSFIDLE了吗？那里好看吗？请共享一个实时链接，以便我们能够提供更多帮助。是宽度上的50导致了问题-我没有想到为我的图像更改它。现在效果很好。谢谢你的帮助！：

    <div class="container">
            <div class="fade">
                <img src="namelarge.png" />
                    <div class="inside">
                        <img src="nameglow.png" />
                    </div>
            </div>
        </div>

$(window).load(function () {
setTimeout(function () {
    $('div.fade > div') . fadeIn(3000) // 3 second fade in
}, 2000) // after 2 seconds. })

margin: 0 auto;

.fade {
position:relative;
width:50px;
z-index:1;
margin:auto;
}
.inside {
position: absolute;
display: none;
z-index:2;
top:0;
left:0;
}