將圖像設置爲錨標記不起作用

Question

我想將圖像設置爲錨標記，但它不起作用。有人可以告訴我什麼是錯的嗎？

<a href="#" style="width:200px;height:100px;background:url('@Url.Content("~/Content/Images/facebook.png")');"></a> 

注：不注重背景。它是Asp.Net MVC語法。但請放心，圖像加載正確。有誰可以告訴我我做錯了什麼？如果我在錨標記中輸入某些內容，它可以正常工作但我不想輸入任何內容。

Answer 1

您需要可以設置顯示屬性，以阻止或內聯塊的鏈接

<a href="#" style="display:block; width:200px;height:100px; ... 

鏈接是內嵌在默認情況下。

Answer 2

因爲鏈接是內聯元素，所以它不能有寬度和高度。

設置就可以了這個屬性：

display: inline-block;