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

Question

我想将图像设置为锚标记，但它不起作用。有谁能告诉我出了什么问题？

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

注意：不要注意背景。它是Asp.Net MVC语法。但请放心，图像正确加载。谁能告诉我我做错了什么？如果我在锚标签中键入内容，它可以正常工作。但我不想打字。

Answer 1

您需要将display属性设置为block或inline-block for link

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

默认情况下，链接是内联的。

Answer 2

因为链接是内联元素，所以它不能具有宽度和高度。

在其上设置此属性：

display: inline-block;