현재 두 개의 파일 (test.html 및 style.css)을 사용하고 있으며 로고는 부분적으로 링크로 작동합니다. 이 문제를 해결할 수있는 방법이 있습니까?로고의 링크가 부분적으로 만 작동합니다.
문제의 미리보기가 여기에서 볼 수있다 : Website Test
test.html를
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Mindtale</title>
</head>
<body>
<div id="headerlogo">
<a href="index.html"><img src="images/logo.png"></a>
</div>
<div id="headerlink1">
<a href="portfolio.html">Portfolio</a>
</div>
<div id="headerlink2">
<a href="contact.html">Contact</a>
</div>
<div id="headerimg"></div>
<div id="content1">
</div>
<div id="footer">
Mindtale © 2013
</div>
</div>
</body>
</html>
있는 style.css
html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div#headerlogo {
z-index:0;
position:fixed;
left: 41%;
top: 24px;
}
div#headerlink1 {
z-index:2;
position:fixed;
top:50px;
left:18%;
width:100%;
color:#999;
padding: 0px;
}
div#headerlink2 {
z-index:3;
position:fixed;
top:50px;
left:78%;
width:100%;
color:#999;
padding: 0px;
}
div#headerimg {
position:fixed;
background: url(images/header.png) no-repeat center;
height: 102px;
top:0px;
left:0px;
width:100%;
padding: 0px;
}
div#content1 {
position:fixed;
width:100%;
color:#222;
top: 70px;
bottom: 0;
left: 0;
right: 0;
padding: 25px;
overflow: auto;
}
div#footer {
position:fixed;
bottom:0px;
left:0px;
width:100%;
color:#999;
background:#333;
padding: 8px;
}
"부분적으로 작동하는 것"에 어떤 의미인지 명시하십시오. 나는 우리가 웹 사이트에 테스트를 할 수 있다는 것을 알고 있지만 에러가 무엇인지, 그리고 당신이 원하는 것을 명확하게함으로써 질문을 향상시킵니다. – Nunser