Question

我试图将链接放到页面上并将图像作为背景（当您将其悬停在其上时会发生变化）。我使用以下代码：

<asp:Content ID="Content2" ContentPlaceHolderID="MainPlaceHolder" runat="server">
    <div>
        <a href="WebForm.aspx" style="width:250px; height: 250px; background-image:url(Ressources/catalogueGC.jpg);" ></a>
    </div>
</asp:Content>

无论我尝试过什么，图像都不会显示在div中。如果我在<a>和</a>之间放置了一些文字，则文字显示正确，但没有图像的痕迹。我100％确定图像不是404并且其网址是正确的。

任何帮助都会很棒。感谢

Answer 1

锚点是内联元素。

您需要将此添加到您的css：

display: inline-block;

现在，它将占用宽度和高度，并且能够显示背景。 inline-block将使其行为类似于块元素，但仍保持内联。

Answer 2

默认情况下，锚元素以内嵌方式显示。

将display:block CSS属性分配给锚。

<a href="WebForm.aspx" style="display:block; width:250px; height: 250px; background-image:url(Ressources/catalogueGC.jpg);" ></a>

背景图片不会在aspx页面中显示

2 个答案: