javascript - DOM 对象优于其他 DOM 对象

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

我在放置 DOM 元素时遇到问题。

在这个 HTML ( http://bluecodestudio.com/scripts/ ) 中，出现了一个弹出窗口，由于 javascript 的原因，动画。按下“Enter”按钮后，我希望“欢迎”消息位于中间。

但它会与其他元素发生“碰撞”，我无法找到使它“漂浮/流动”在这些元素上的方法。对我的 style.css 进行任何更改以修复它吗？谢谢!

PS:我对脚本和样式表的 [链接] 使用绝对路径路由，因为我使用了 Nodejs 模块，这种模块“强制”我这样做，或者至少是使其工作的最简单方法。

最佳答案

给你的白色 div 一个 position: relative; 然后给你的欢迎 p 以下 css:

position: absolute;
text-align: center;
line-height: #px; // same as the white div

我认为应该可以解决问题

编辑:

我之前没有深究过。我刚刚在 chrome 检查器中试过了，你应该用这个替换你的 css:

#welcomContent {
position: absolute;
padding: 88px 0;
text-align: center;
height: 200px;
width: 400px;
}

关于javascript - DOM 对象优于其他 DOM 对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11784003/

相关文章：

javascript - 如何将动画 list 按钮放置在文本右侧