html <a> tag is clickable but linking functionality not work in all areas</a>

时间:2013-08-05 13:33:34

标签: html css

我有一个<li>标记列表,每个<li>都有<a>个孩子,每个<a>都有一个<img>标记及其中的文字。 我的问题是链接功能不能在<a>标记的整个区域中工作,如角落和<img>附近和文本,但在整个区域<a>标记中可点击。

这是LinkJSfiddle

1 个答案:

答案 0 :(得分:1)

删除li:active解决了我的问题。因为在点击指针之前和之后是在这个区域的2个不同的标签。 (<a>之前和<img>之后)

.menu li:active
{
margin-right: 8px;
margin-left: 4px;
margin-top:4px;
}

这是更新的fiddle