html - 设置链接的高度和宽度

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 中