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

Question

我已经按照教程 url来获得一个弹出窗口：

我有一个警告。有时它会弹出的页面非常非常长。教程中的代码在中心弹出。从纵向来看，这是不可接受的。我试图让它在中心弹出，但在最顶部。我用过 top: 0px; 并出于测试目的离开：0px；（和其他一些人）但这似乎无关紧要。总是出现在中间。

你可以看看我在这里做的最新的

我错过了什么吗？

Answer 1

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

Answer 2

你的技术太老了，而且方法不对！

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

popUpDiv.style.top = '10%';

试一试，让我知道。

最佳建议：使用 jQuery！:)

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

教程： 简单的 jQuery 模态窗口教程和现场演示。

希望能帮助到你！:)

Answer 3

在你的cssfor #popUpDivdo 中top : 0 !important，你会在顶部找到你的弹出框。这是因为 javascript 正在计算top位置并覆盖您的 css 样式。希望这可以帮助。