html - 我必须做的那个菜单将在滑块的顶部?
问题描述
我的移动菜单和滑块有问题。我希望菜单位于滑块的顶部。但是当我点击菜单图标时,菜单没有显示。我尝试了很多方法,但我仍然没有解决问题。先感谢您。`lorem
<body>
<header>
<nav>
<input type="checkbox" id="check">
<label for="check">
<i class="fas fa-bars" id="btn"></i>
<i class="fas fa-times" id="cancel"></i>
</label>
<img src="/img/logo.svg" alt="logo">
<ul>
<li class="el1"><a href="#">lorem</a></li>
<li class="el1"><a href="#">lorem</a></li>
<li class="el1"><a href="#">lorem</a></li>
<li class="el1"><a href="#">lorem</a></li>
</ul>
</nav>
</header>
<div class="container">
<div class="slider">
<div class="slide slide1">
<div class="caption">
<h2>Slide1</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.</p>
</div>
</div>
<div class="slide slide2">
<div class="caption">
<h2>Slide2</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.</p>
</div>
</div>
<div class="slide slide3">
<div class="caption">
<h2>Slide3</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.</p>
</div>
</div>
<div class="slide slide1">
<div class="caption">
<h2>Slide1</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.</p>
</div>
</div>
</div>
</div>
</body>
解决方案
您将使用 z-index:1; 在你的 CSS 中。
nav ul {
float: right;margin-right: 25px;
z-index: 1;
}
推荐阅读
- python-3.x - 如何计算一组行的唯一值并使用该值为所有记录创建列?
- javascript - 反应切换 ID
- google-cloud-platform - 如何加快 AI 平台训练作业队列?
- c++ - Asio 点对点网络编程
- react-native - 从未定义中获取错误不是对象(评估“navigation.navigate”)
- ramda.js - Ramda - extract object from array
- snowflake-cloud-data-platform - 重新集群表会改变 Snowflake 中的微分区吗?
- database - 当两个用户选择一个产品时,如何设计逻辑或数据库?
- javascript - 从对象数组中获取价值的更好方法是什么?Array.filter() 替代方案?
- java - Hibernate Isolation 对插入有效吗?