Question

我无法找到我的链接。当我在文件中打开我的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;
}

P.S。我不相信这很重要，但我使用崇高的文字2在OSX上。

Answer 1

css的变化很少在这里工作

#headerdiv {
border-radius: 5px;
z-index: 1;
/*position: fixed; this is creating problem*/
width: 99%;
margin-top: -20px;
height: 100px;
background-color: white;
margin-bottom: 10px;
}

Answer 2

我不明白你想做什么，但#headerdiv覆盖你的链接。

您可以向z-index = -1提供#headerdiv值以将其发回。

我无法在主页上找到我的链接

2 个答案: