html - 如何从菜单底部删除 iphone 阴影
问题描述
**我很难从菜单底部移除阴影。我已经搜索并尝试了不同类型的解决方案,但仍然不适合我。我写错了吗?我包含了我的 HTML 文件,因此您可以轻松地帮助我。我正在使用 Bootstrap4 **
@media (max-width: 991px) {
.navigator-container, .navigation-wrapper {
-webkit-appearance: none !important;
-moz-appearance: none;
appearance: none;
background: transparent;
outline: none;
border-radius: 0;
background-clip: padding-box;
}
.navigator-container {
position: fixed;
top: 0;
left: 0;
float: none;
width: calc(100vw - 80px);
max-height: 100vh;
white-space: nowrap;
overflow: hidden;
.navigation-wrapper {
height: calc(100vh - 55px);
overflow-y: auto;
&-inner {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
}
}
#main-navigation {
display: block;
height: auto;
-webkit-appearance: none !important;
-moz-appearance: none;
appearance: none;
<div class="navigation-wrapper">
<div class="navigation-wrapper-inner">
<nav id = "service-navigation">
<ul>
<li>
<a href="#" data-toggle="modal" data-target="#currency-selector">...</a>
</li>
<li>
<a href="#" data-toggle="modal" data-target="#login-modal" class="wdio-corp-login"><span class="service-texts">Company Login</span></a>
<a href="#" data-toggle="modal" data-target="#change-booking-modal-modal"><span class="service-texts">ChangeBooking</span></a>
</li>
</ul>
</div>
</div>
解决方案
推荐阅读
- javascript - 缓存来自 Lorem Picsum 的图像
- iis - 如何在 OnBeginRequest 中干净地终止 HTTP 事务?
- flutter - “needsCompositing”位是如何工作的?
- libvlc - 如何调整视频分辨率?
- json - 如何解决 Angular CLI ng 新错误?
- php - PHP根据数据库中的最后一个预订号增加预订号
- google-apps-script - 如何将文件上传 blob 从 HTML 表单传递到服务器端 Apps 脚本?
- javascript - 如何使用另一个模型进行猫鼬查询以获取最后注册的位置?
- machine-learning - 将多类模型的类概率转换为 0-100 范围内的分数
- python - 我无法完全理解这行代码