設置鏈接的高度和寬度

我試圖創建一個坐在圖像上的透明鏈接（有點像圖像映射），但由於某些原因，我無法獲取鏈接以獲得固定的高度和寬度，除非我給它是一種背景顏色。這並不理想，因爲它會掩蓋圖像！設置鏈接的高度和寬度

不幸的是，給鏈接一個背景色，並設置不透明度爲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

設置鏈接的高度和寬度

回答

相關問題