设置链接的高度和宽度

我试图创建一个坐在图像上的透明链接（有点像图像映射），但由于某些原因，我无法获取链接以获得固定的高度和宽度，除非我给它是一种背景颜色。这并不理想，因为它会掩盖图像！设置链接的高度和宽度

不幸的是，给链接一个背景色，并设置不透明度为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 */ 
}

来源

2011-10-27 Tom

我把它复制到jsFiddle http://jsfiddle.net/77BDu/，链接似乎有一个宽度和高度。运行代码并检查生成的元素。干杯。 – iGbanam

你可以使用PNG透明的1x1为背景，如果你不想使用Base64 CSS的使用，你可以将它嵌入外部图像-encoding

来源

2011-10-27 08:32:48 AmusableLemur

根据您需要支持哪些浏览器，您也可以考虑将不透明度设置为0. – Flimzy

正如我所提到的......我尝试了这一点，并与其他一些无关的jquery动画发生冲突。 – Tom

设置链接的高度和宽度

回答

相关问题