Question

我正在尝试创建一个位于图像上方的透明链接（有点像图像地图）但由于某种原因我无法获得具有固定高度和宽度的链接，除非我给它一个背景颜色。这不太理想，因为它会掩盖图像！

不幸的是，给链接一个背景颜色并将不透明度设置为0与jquery动画冲突，所以我也不能这样做。

我有什么想法可以解决这个问题吗？

HTML

<a class="testlink" href="link.html">&nbsp;</a>

CSS

.testlink {
    position:absolute; 
    top:78px; 
    left:0px; 
    text-decoration:none; 
    display:block; 
    width:275px; 
    height:200px; 
    /* background-color:#333; inserting this into the styles give the link a width/height */
}

Answer 1

您可以使用透明的1x1 PNG作为背景，如果您不想使用外部图像，可以使用base64编码将其嵌入CSS中

设置链接的高度和宽度

1 个答案: