只有部分功能的徽標鏈接

我目前使用兩個文件：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 &copy; 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; 
}

來源

2013-04-16 Animatoring

請指定你的意思是「部分工作」。我意識到我們可以去網站進行測試，但通過明確地明確錯誤是什麼以及您想要做什麼來改善您的問題。 – Nunser

用途：

#headerlogo a { 
    display: block; 
}

並從headerLink的div的width:100%;，因爲他們覆蓋您的標誌。

來源

2013-04-16 13:56:42

對於#headerLink的'width：100％;'+1。 – tiagojpdias

感謝您的幫助！ – Animatoring

你headerlink1格是部分在標誌。

這使得徽標的這一點不可點擊。

如何解決？改變設計 - 也許兩個不同的鏈接divs - 這不會掩蓋標誌。

來源

2013-04-16 13:56:35 Oded

感謝您的幫助！ – Animatoring

只有部分功能的徽標鏈接

回答

相關問題