1

モーダルに問題があります。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>

上記のコードでわかるように、CSSでのモーダルの位置を上と左を使用して修正しました。しかし、ズームアウト/ズームインしたり、ブラウザのサイズを変更したりすると、場所が変わります。どうすれば固定位置に固定できますか?どんな助けでもいただければ幸いです。

更新:自分で修正しました。cssのいくつかのコードを削除する必要があります。新しいCSSコードは次のとおりです。

<style type="text/css"> 
#form
{
display:none;
position:absolute !important;
z-index:101;
}
</style>

これが同じ問題を抱えているすべての人に役立つことを願っています。

4

1 に答える 1

0

position: fixedの代わりに使用absolute

于 2012-11-10T10:10:31.003 に答える