これは私のページのURLです
このページでは、[サインイン]ボタンをクリックすると、背景が黒のポップアップ画面が表示されます。ただし、ページをズームアウトすると、背景色のサイズが小さくなります。ただし、ズームアウトする場合は、画面全体の背景をカバーしたいと思います。私は自分のページで以下のコードを使用しました。
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 2000%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
ただし、テストページでは、背景全体をカバーするために以下のコードが使用されています。正常に動作します。
<style type="text/css">
/*give the body height:100% so that its child
elements can have percentage heights*/
body{ height:100% }
/*this is what we want the div to look like*/
div.fullscreen{
display:block;
/*set the div in the top-left corner of the screen*/
position:absolute;
top:0;
left:0;
background-color: black;
/*set the width and height to 100% of the screen*/
width:100%;
height:100%;
color: white;
}
</style>
<div class="fullscreen">
<p>Here is my div content!!</p>
</div>
わからないログインページの背景に対して同じことを行うにはどうすればよいですか。誰でも私がこの問題を解決するのを手伝ってください。