在我制作的网页上，整个页面内容将被导航栏向下推。我使用了 fullpage.js，但导航栏会下推整个页面内容，包括文本和图像。我该如何解决这个问题？图像的问题可以显示在第三张幻灯片上。
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.8/fullpage.min.css" integrity="sha256-+dIh4jG2jQTHZwW81yUo8h6tzXWcNumyNL5XPZbwp1E=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/stylesheet.css">
</head>
<body>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="junior.html">submenu1</a>
<a href="senior.html">submenu2</a>
<a href="contact.html">submenu3</a>
</div>
</div>
<span class="stickynav" onclick="openNav()">☰</span>
<img style="float: right;" src="images/dummy.png" alt="dummy" class="stickynav" width="100" height="120" class="dummy">
<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}
function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
</script>
<div id="fullPage">
<div class="section s1" id="section1" class="fontsize">
<h1 style="color:white;font-size:80px;z-index:999!important;"><strong>title</strong></h1>
</div>
拉丁的传说
相关分类