Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 绝对位置在固定位置的顶部_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 绝对位置在固定位置的顶部

Css 绝对位置在固定位置的顶部

css

Css 绝对位置在固定位置的顶部,css,Css,我的网页上有一个标题div，其属性为position:fixed。就在这个div之前，我有一个覆盖div，我已经给出了位置：绝对，高度：100%，宽度：100% 问题在于覆盖div没有覆盖固定宽度div（但它会根据需要覆盖其余内容）。如何使其覆盖整个屏幕 这与z-index无关顺便说一句，overlay div实际上从固定头结束的地方开始 <body> <div id="overlay"> <div id="dialog">

我的网页上有一个标题div，其属性为
position:fixed
。就在这个div之前，我有一个覆盖div，我已经给出了位置：绝对，高度：100%，宽度：100%

问题在于覆盖div没有覆盖固定宽度div（但它会根据需要覆盖其余内容）。如何使其覆盖整个屏幕

这与z-index无关顺便说一句，overlay div实际上从固定头结束的地方开始

<body>
   <div id="overlay">
       <div id="dialog">
          <span><span>
          <button id="ok"></button>
       </div>
   </div>

   <div id="header-wrapper">
      <div id="header">
        ....
      </div>
   </div>

    ....
</body>


....
....
您的覆盖应该是固定的：100%宽度和高度。在此之上的任何div都可以是固定的或绝对定位的。小心在平板电脑和手机使用的网页上使用它，它的效果很糟糕

也许我错了，但请尝试以下解决方案：

#header-wrapper{
    width:100%;
    display: inherit;
}
#overlay{

    position: fixed;
    height: 100%;
    width: 100%;
}
使用此代码

#overlay
{ 
position: fixed;
left: 0px; 
top: 0px; 
width: 100%; 
z-index: 1000000000;
}
它将完美地工作

哦，我不明白你的问题，你需要将覆盖的z索引设置为高于第一个固定元素的值。z指数：9999；解决了！我不得不将z-index增加到20k，并添加
top:0
。无论如何，谢谢查克。好的，这应该是一个z指数问题，如果你有100%的宽度和高度的覆盖在问题的位置应该没有关系，它将始终占据全屏。虽然你的回答没有帮助我的问题，但我会接受它，以利于努力。再次感谢：）