已修复的位置无法在任何浏览器中使用

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

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

Answer 2

试试这个css

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

Answer 3

请将此添加到您的CSS中，您可以根据您使用z-index。

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