我正在使用此 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:position:fixed;