如何解决汉堡菜单3 行未出现在全尺寸屏幕
代码中嵌入了一个“汉堡菜单”(3 行菜单),它会显示在移动设备视图中,或者在左上角以 250% 或更大的缩放比例查看屏幕大小时显示。在这些屏幕上运行良好。
我正在使用以下 CSS 使“汉堡菜单”出现在所有屏幕尺寸中,准确地说是桌面视图。但是,它不起作用。难道我做错了什么?非常感谢任何建议!!!
网站网址:https://sstagingjobs.brassring.com/TGnewUI/Search/Home/Home?partnerid=26288&siteid=7342 使用的 CSS:
body#gateway .pageHeader{
height: auto;
padding-top: 10px;
background-color: transparent;
height: 90px;
-webkit-transition: .3s cubic-bezier(0.175,.885,.32,1.275) height;
-moz-transition: .3s cubic-bezier(0.175,1.275) height;
-ms-transition: .3s cubic-bezier(0.175,1.275) height;
-o-transition: .3s cubic-bezier(0.175,1.275) height;
transition: .5s cubic-bezier(0.175,1.275) height;
}
body#gateway .pageHeaderContainer:after{
width: 100%;
background-image: linear-gradient(#fff 0px,rgba(243,243,0.8) 100%);
margin-top: -18px;
height: 4px;
position: absolute;
z-index: 1;
content: " ";
line-height: 0px;
}
#gateway .pageHeader .threeLineIcon{
display: block;
}
#gateway .linkContainer {
width: 100%;
position: absolute;
z-index: 3;
max-width: 500px;
text-align: left;
Box-shadow: 1px 1.5px 2px 1px rgba(0,0.35);
display: block;
}
#gateway .headerLink,#gateway #headerLinkContainer .backLink{
display: block;
margin-left: 30px;
}
#gateway .bPhoneViewLinksVisible .linkContainer{
left: 0;
}
#gateway .bPhoneViewLinksVisible .grayBox{
display: block;
}
#gateway .bPhoneViewLinksVisible .pageHeader{
height: 0;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。