固定位置在任何浏览器中均不起作用

Question

我的网站链接：https://staging.kelsan.biz:8144

我希望标头div类getHeaderTopFixed是静态的。为此，我应用了以下样式

box-shadow: gray 0px 0px 5px !important; 
position: fixed; 
top: 0px; 
width: 100%; 
z-index: 9000;

但是不起作用。需要解决此问题的建议。

Answer 1

请将其添加到CSS中，即可根据您的需要使用z-index。

#header {position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index:999!important;
}

Answer 2

尝试此CSS

  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;

Answer 3

这是由于父transform: translate3d(0, 0, 0);上的<div class="off-canvas panelwrap" role="panel-wrap">引起的。在这里看看如何解决问题：'transform3d' not working with position: fixed children