如何使链接区域大于图像

Question

如何使链接区域比图像大3 px。我用3px进度条制作了一个音频播放器。但是3px对于鼠标点击来说有点小，特别是在手机上。那么如何添加喜欢将3px链接到顶部和底部？

#gutter {
background: white;
height: 3px;
width: 100%;
position: absolute;
top: 87px;
z-index: 5;}

Answer 1

尝试这样的事情：JSFiddle

我制作了一个简化版来证明效果。

<a href="#" class="link"><img class="image" src=""/></a>

a.link {
    display: inline-block;
    margin: 0;
    padding: 0;
}
img.image {
    width: 3px;
    height: 3px;
    margin: 3px;
    padding: 0;
}