我在firefox和IE中的粘滞菜单无法正常工作

Question

因此我在word press中的粘滞菜单在chrome上可以正常工作，但在Firefox和Internet Explorer中却混乱了。

我试图清除缓存，并且还安装了最新版本的浏览器。

这是我在全局CSS中使用的自定义CSS代码

#mysticky-nav.myfixed{
position: fixed !important;
height: 130px !important;
}

#mysticky-nav.down{
margin-top:1px !important;
}

#mysticky-nav.wrapfixed{
margin-top:0px !important;
padding-top: 0px !important;
}


#mysticky-nav.wrapfixed.down .vce-single-image-inner{
padding-top: 0px !important;
}

#mysticky-nav.wrapfixed.up .vce-single-image-inner{
padding-top: 10px !important;
}

#mysticky-nav.wrapfixed.down .menu-menu-container a{    
color: #515769!important;
 }

 #mysticky-nav.wrapfixed.down .vce-single-image-inner img{  

 margin-top:10px !important; 
 content:url(https://pit147.sedenius.com/protected/wordpressvc/wp- 
 content/uploads/2019/07/logo-dark.png)  !important;
 }

 #mysticky-nav.wrapfixed.up .menu-menu-container a{ 
 color: #515769!important;
 }

#mysticky-nav.wrapfixed.up .vce-single-image-inner img{ 
content:url(https://pit147.sedenius.com/protected/wordpressvc/wp- 
content/uploads/2019/07/logo-dark.png)  !important;
}

我希望它可以在Firefox和IE中工作，就像在谷歌浏览器中一样。

Answer 1

您还需要指定顶部和左侧位置。

#mysticky-nav.myfixed {
 top: 0;
 left: 0;
}