html - 我在 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 中的工作方式与在 google chrome 上的工作方式相同。

标签： htmlcss

Answer 1

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

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