HTML / CSS链接可点击区域比预期大得多

时间:2013-05-04 07:14:43

标签: html css html5

我有一个由4张照片组成的页面,下面是文字,用于浏览网站。一切正常,除了链接的活动区域一旦开始就延伸整个页面的长度。我可以在图片和文本下移动鼠标,它仍然可以激活鼠标悬停。

可以找到该网站here。如果需要,我可以在这里添加代码,只是认为能够看到整个事情可能有所帮助!

提前感谢您提供的任何帮助!

4 个答案:

答案 0 :(得分:1)

只需从height: 420px;和其他人移除.photography

答案 1 :(得分:1)

我尝试过做一些Firebug工作,但最近Firebug对我很有帮助。

尝试删除height:240px,或尝试删除padding-top。似乎其中一个引起了这个问题,因为它吹嘘了CSS Box模型,并让它认为链接很大。

这是因为您在每个主播上使用了这些类,这会让它们变得太大。

答案 2 :(得分:1)

删除此行height: 420px;来自.photography,.cinematography,.contact和.about。 我测试过它,它在firefox和chrome上工作正常。

答案 3 :(得分:0)

保留height: 420px;,移除padding-top并添加此line-height:850px,它会修复它