このCSSを使用して、divをウィンドウに水平および垂直に配置しています。これは、ページを下にスクロールするまで正常に機能し、ページがスクロールされていないかのように、divは同じ中央位置に残ります。
width:600px;
height:300px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -300px;
z-index:99;
これはCSSを使用して行うことができますか?
このCSSを使用して、divをウィンドウに水平および垂直に配置しています。これは、ページを下にスクロールするまで正常に機能し、ページがスクロールされていないかのように、divは同じ中央位置に残ります。
width:600px;
height:300px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -300px;
z-index:99;
これはCSSを使用して行うことができますか?
それは、あなたposition
がabsolute
!
position: fixed;
代わりに使用してみてください。
を見てみましょう:
http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=fixed
position: fixed;
あなたが探しているものかもしれません。
次の CSS を試してください。