位置绝对值和高度为100%的叠加div不随滚动条移动

米克尔·塞拉(Mickel Sierra)

在这里查看,然后单击“打开”按钮。

.darkClass
{
    background-color: white;
    filter:alpha(opacity=90); /* IE */
    opacity: 0.9; /* Safari, Opera */
    -moz-opacity:0.9; /* FireFox */
    z-index: 2000;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position: absolute;
    top: 0;
    left: 0;

}

您会看到overlay div可以按需要覆盖整个屏幕,但是当我滚动时,它并没有像预期的那样随着滚动而移动。

我希望看到灰色的叠加层随着滚动而移动。

我在CSS方面缺少什么?

丹尼尔·斯特拉多夫斯基(Daniel Stradowski)

您应该使用position: fixed而不是position: absolute

它将相对于浏览器窗口而不是相对于其第一个定位(非静态)祖先元素定位元素。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

位置:绝对导致水平滚动条

来自分类Dev

水平滚动条,宽度为100%

来自分类Dev

在div中将居中的绝对位置的图像水平居中,而不会出现水平滚动条(也在移动设备中)

来自分类Dev

100%高度Div,带有边距或填充滚动条问题

来自分类Dev

CSS-高度100%导致滚动条

来自分类Dev

当绝对div已经具有100%的高度时,想要隐藏滚动条

来自分类Dev

无法使用滚动条将DIV宽度设置为100%

来自分类Dev

CSS:为什么我的滚动条高度为100%?

来自分类Dev

移动滚动条

来自分类Dev

将高度设置为100vh可以正常工作,但是在移动浏览器中却出现了滚动条

来自分类Dev

在具有位置:绝对值的Div末尾添加页脚

来自分类Dev

如何在以窗口为中心的div中启用高度不固定的滚动条?

来自分类Dev

将body和html标签的高度设置为100%时,浏览器滚动条会显示

来自分类Dev

为绝对位置和高度为100的div设置边距底部

来自分类Dev

如何使滚动条移动到准确的位置

来自分类Dev

包装高度为100%的滚动条

来自分类Dev

固定父级Div内绝对div的滚动条

来自分类Dev

CSS div位置绝对值,高度可变以扩展容器

来自分类Dev

CSS-高度100%导致滚动条

来自分类Dev

内容高度100%产生垂直滚动条

来自分类Dev

当绝对div已经具有100%的高度时,想要隐藏滚动条

来自分类Dev

iframe中的滚动条-内容的高度为100%

来自分类Dev

移动滚动条

来自分类Dev

将宽度和高度为绝对值的<div>水平居中

来自分类Dev

关于 100% 高度和滚动条 y 的布局问题

来自分类Dev

滚动条高度显示为 100%

来自分类Dev

根据父div高度调整水平滚动条位置

来自分类Dev

UIScrollView 滚动条的宽度和高度?

来自分类Dev

如果内容超出div中指定的宽度和高度的水平和垂直滚动条

Related 相关文章

  1. 1

    位置:绝对导致水平滚动条

  2. 2

    水平滚动条,宽度为100%

  3. 3

    在div中将居中的绝对位置的图像水平居中,而不会出现水平滚动条(也在移动设备中)

  4. 4

    100%高度Div,带有边距或填充滚动条问题

  5. 5

    CSS-高度100%导致滚动条

  6. 6

    当绝对div已经具有100%的高度时,想要隐藏滚动条

  7. 7

    无法使用滚动条将DIV宽度设置为100%

  8. 8

    CSS:为什么我的滚动条高度为100%?

  9. 9

    移动滚动条

  10. 10

    将高度设置为100vh可以正常工作,但是在移动浏览器中却出现了滚动条

  11. 11

    在具有位置:绝对值的Div末尾添加页脚

  12. 12

    如何在以窗口为中心的div中启用高度不固定的滚动条?

  13. 13

    将body和html标签的高度设置为100%时,浏览器滚动条会显示

  14. 14

    为绝对位置和高度为100的div设置边距底部

  15. 15

    如何使滚动条移动到准确的位置

  16. 16

    包装高度为100%的滚动条

  17. 17

    固定父级Div内绝对div的滚动条

  18. 18

    CSS div位置绝对值,高度可变以扩展容器

  19. 19

    CSS-高度100%导致滚动条

  20. 20

    内容高度100%产生垂直滚动条

  21. 21

    当绝对div已经具有100%的高度时,想要隐藏滚动条

  22. 22

    iframe中的滚动条-内容的高度为100%

  23. 23

    移动滚动条

  24. 24

    将宽度和高度为绝对值的<div>水平居中

  25. 25

    关于 100% 高度和滚动条 y 的布局问题

  26. 26

    滚动条高度显示为 100%

  27. 27

    根据父div高度调整水平滚动条位置

  28. 28

    UIScrollView 滚动条的宽度和高度?

  29. 29

    如果内容超出div中指定的宽度和高度的水平和垂直滚动条

热门标签

归档