我无法找到我的链接。当我打开文件中的 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 上使用 sublime text 2。
最佳答案
我不明白你想做什么，但是 #headerdiv 覆盖了你的链接。
您可以将 z-index = -1 值赋给您的 #headerdiv 以将其发回。
关于html - 我在主页上找不到我的链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26566530/