将图像设置为锚标记不起作用

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;