需要幫助修復鏈接的可點擊區域

只是有趣的自己一點點無用的網站，練習這個和那個。我遇到了一個問題，鏈接只能在左邊點擊，而不是在右邊。需要幫助修復鏈接的可點擊區域

它的外觀： DIV，裏面頭（2）在它的鏈接

 <div class="button one"><h2><a href="#">example</a></h2></div>

它有一個右邊框，懸停功能，相當的寬度。它絕對定位。一直在試圖圍繞有點想出了下面的代碼（這是一個bith凌亂，不好意思）

.button{ 
position:absolute; 
padding:0px; 
margin:0px; 
width:300px; 
height:70px; 
background-color:#999999; 
border-left:solid 7px #FF6600; 
border-bottom:solid 1px #FF6600; 
border-top:solid 1px #FF6600; 

} 

.button h2{ 
padding:0px; 
margin:0px; 
text-transform:uppercase; 
color:#FFFFFF; 
font-size:1,5em; 
} 
a{ 
margin:0px; 
display:block; 
text-decoration:none; 
color:#FFFFFF; 
padding:20px; 

} 
a:hover{ 
background-color:#FF6600; 
}

問題：鏈接只有大約1/2的寬度銜接。他們的懸停的背景顏色改變了整個區域，但只有當鼠標在該鏈接區域時才起作用。不知道我錯過了什麼。所有幫助表示讚賞！

對於那些誰想要尋找到了CSS和HTML文件本身，我把它們放在一個test.rar文件： http://www.sendspace.com/file/pe42e0

來源

2013-03-27 Pepe

這是什麼部分不可點擊？ http://jsfiddle.net/HbMaP/ – 2013-03-27 23:55:21

這是因爲圖像＃content_image_1位於上方的按鈕。如果您從該圖像中刪除z-index: 1;，您的按鈕按預期工作。儘管你的圖像背後的按鈕。

來源

2013-03-28 00:24:55

哦，是的，我沒有想到我自己！也解釋了很多其他的事情。謝謝！ @Hefty劫持者：任何想法我仍然可以使用這個圖像和divs？我用它來隱藏div的結尾。因此，圖像中的每一部分都會被切斷。 – Pepe 2013-03-28 11:18:56

需要幫助修復鏈接的可點擊區域

回答

相關問題