需要帮助修复链接的可点击区域

只是有趣的自己一点点无用的网站，练习这个和那个。我遇到了一个问题，链接只能在左边点击，而不是在右边。需要帮助修复链接的可点击区域

它的外观： 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

需要帮助修复链接的可点击区域

回答

相关问题