我的模态有问题。当使用 jquery 单击按钮时，我已经完成了让它向下滑动。现在我的问题是每当我放大、缩小或调整浏览器大小时，模态的位置都会发生变化。我希望模态坚持我想要的位置。这是我的代码：
<script>
$(document).ready(function(){
$("#login").click(function(){
$("#form").slideDown(400);
});
$("#close").click(function(){
$("#form").slideUp(400);
});
});
</script>
<style type="text/css">
#form
{
display:none;
position:absolute !important;
top:300px !important;
left:820px !important;
margin-top:-120px !important;
margin-left:-500px !important;
z-index:101;
}
</style>
正如您在上面的代码中看到的那样，我使用 top 和 left 固定了我的模态在 CSS 中的位置。但是当我缩小/放大或调整浏览器大小时，位置会发生变化。我怎样才能让它固定在一个固定的位置？任何帮助，将不胜感激。
更新：我自己修好了。我只需要删除css中的一些代码。这是新的 CSS 代码：
<style type="text/css">
#form
{
display:none;
position:absolute !important;
z-index:101;
}
</style>
希望这对有同样问题的每个人都有帮助。