我正在一个小型网站前端工作，一切都按计划进行，但我的标题上的 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>
2 回答
素胚勾勒不出你
TA贡献1827条经验 获得超9个赞
链接没问题。它只是导航前面的 class="circles" 层。请尝试将相对位置和 z-index 添加到您的 CSS（下面的代码）=>
.main {
align-items: center;
position: relative;
z-index: 9998!important;
}
对于背景重复问题，将这两个属性添加到 CSS 中的主体 =>
body {
height: 100vh;
overflow: hidden;
}
哈士奇WWW
TA贡献1799条经验 获得超6个赞
在 href 中，您需要像在 alumnus 中一样将路径放在您希望它指向的位置。
href="http://www.example.com"
您使用了最小高度，告诉它至少为 100vh 但它没有限制，因此它可以超过 100vh。还尝试添加最大高度。
Max-height:100vh;
添加回答
举报
0/150
提交
取消