我在查找链接时遇到了麻烦。当我在文件中打开html和css时，看不到它（我相信它会卡在div之下，即使z-index更高？）我也不完全清楚为什么，任何帮助将不胜感激！
HTML：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="Stylesheet" href="Stylesheet.css" />
<title>Derpycats.com</title>
</head>
<body>
<!--Background (Carbon Fibre)-->
<body background="background.jpg" alt="Background" />
<!--Header-->
<h1 id="header">DerpyCats.com</h1>
<div id="headerdiv"></div>
<!---Links-->
<a href="http://www.youtube.com">Home</a>
</body>
</html>
CSS：
/* Sets the pixel density to "fill browser" */
* {
width: 100%;
height: 100%;
}
/* Heading */
#header {
float:left;
margin-left: 5px;
padding-top: 5px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #D9411E;
z-index: 2;
position: fixed;
font-size: 50px;
bottom: -50px;
}
/* CSS for the heading div */
#headerdiv {
border-radius: 5px;
z-index: 1;
position: fixed;
width: 99%;
margin-top: -20px;
height: 100px;
background-color: white;
margin-bottom: 10px;
}
/* Css for the links */
a {
z-index: 3;
font-family: Verdana, sans-serif;
}
/* CSS for the normal paragraphs */
.paragraph {
color: white;
font-family: Courier, serif;
}
附言我不认为这很重要，但是我在OSX上使用崇高的文字2。
最佳答案
我不明白您要做什么，但是#headerdiv覆盖了您的链接。
您可以将z-index = -1值赋予#headerdiv以发回。
关于html - 我在首页上找不到链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26566530/