标题部分中的 href 不作为链接，垂直高度不是 100vh
我正在一个小型网站前端工作，一切都按计划进行，但我的标题上的 hrefs 不可点击。我认为有一些 CSS 问题。这里我将添加项目的html和css。
主队书籍 etx 的标题链接以 html 格式提供 href，但不可点击。
而且垂直高度也随着滚动而重复，我不希望这样。我该如何摆脱它？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript Clack UI Dark</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Head elements -->
<div class="main">
<ul>
<li class="active"><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>Team</b></a></li>
<li><a href="#"><b>Exams</b></a></li>
<li><a href="#"><b>Books</b></a></li>
<li><a href="#"><b>Demo</b></a></li>
<li><a href="www.neram.co.in"><b>Alumnus</b></a></li>
<li><a href="#"><b>Contact</b></a></li>
</ul>
</div>
<header>
<img src="images/web-yellow.png">
<!-- SVG cuts -->
<svg id="top" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1144 107.17">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<path class="cls-1" d="M221.5-.5s2.26,0,6.49.19C261.54.77,419,7.31,557.5,37.5c156,34,299,65,474,69s334-66,334-66V-.5Z" transform="translate(-221.5 0.5)" />
</svg>
慕雪64428642回答
-
素胚勾勒不出你
链接没问题。它只是导航前面的 class="circles" 层。请尝试将相对位置和 z-index 添加到您的 CSS（下面的代码）=> .main { align-items: center; position: relative; z-index: 9998!important; }对于背景重复问题，将这两个属性添加到 CSS 中的主体 =>body { height: 100vh; overflow: hidden; } -
哈士奇WWW
在 href 中，您需要像在 alumnus 中一样将路径放在您希望它指向的位置。href="http://www.example.com"您使用了最小高度，告诉它至少为 100vh 但它没有限制，因此它可以超过 100vh。还尝试添加最大高度。 Max-height:100vh;
随时随地看视频慕课网APP
相关分类
JavaScript