发表新帖
发表新帖

CSS: How to get this overlay to extend 100% with scrolling?

前端 未结
关注
3 856
不要未来只要你来
不要未来只要你来 2021-01-31 01:45

Here is an example of the issue in question:

http://dev.madebysabotage.com/playground/overlay.html

You see there is a gray overlay over the entire page, but if you

相关标签:
3条回答
  • 不要未来只要你来
    2021-01-31 02:31

    This happens because the #overlay position: absolute is relative to the <html> and using it's dimensions, which is only the viewport height.

    To make sure that the #overlay uses the dimensions of whole page, you could use position: relative; on the <body> (but you will need to remove the min-height: 100% and height: 100% on the <body> first because this makes it use the viewport size). The #overlay will then use the <body> dimensions and fill the entire page.

    0 讨论(0)
  • 悲&欢浪女
    2021-01-31 02:32

    position: fixed; on the overlay.

    0 讨论(0)
  • 被撕碎了的回忆
    2021-01-31 02:42

    Change #overlay position:absolute to position:fixed

    0 讨论(0)
 看不清?
提交回复
热议问题