CSS弹出位置（顶部和左侧不起作用）

Question

我已按照tutorial url进行弹出工作：

我有一点需要注意。有时它会突然出现的页面非常非常长。教程中的代码会在中心弹出。从纵向上看，这是不可接受的。我试图让它在中心弹出，但在最顶端。我用过top：0px;并且用于测试目的：0px; （以及其他一些人）但似乎不重要。总是弹出中心。

您可以查看我已完成的最新内容here

我错过了什么吗？

Answer 1

问题是你的顶部和左边的值在CSS中被忽略了，因为你用来制作弹出窗口的任何脚本都是将内联样式直接应用于弹出窗口。因此，您应该查看该脚本并找到它应用样式的位置，然后在那里进行更改。

Answer 2

你的技术很老，而且不是正确的方法！

在您的情况下，您已经考虑了页面的高度和宽度来计算中心位置。如果你可以改变它：

popUpDiv.style.top = '10%';

试试看，让我知道。

最佳建议：使用jQuery！ ：）

但是，我所遵循的是来自Queness，这仍然更简单。

教程： Simple jQuery Modal Window Tutorial和Live Demo。

希望它有所帮助！ ：）

Answer 3

在css #popUpDiv top : 0 !important top中，您会在顶部找到弹出框。这是因为javascript正在计算{{1}}位置并且它会覆盖你的css样式。希望这会有所帮助。