背景图像不会显示在 aspx 页面中答案

【问题标题】：background-image wont show in aspx page背景图像不会显示在 aspx 页面中
【发布时间】：2013-12-28 01:57:54
【问题描述】：

我正在尝试放置一个页面链接并将图像作为背景（当您将鼠标悬停在其上时它会改变）。我使用以下代码：

<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 并且它的 url 是正确的。

任何帮助都会很棒。谢谢

【问题讨论】：

您确定图片路径相对于页面正确吗？
@3rror404 是的，我已经验证了
除非您在<a> 标签上使用display:block，否则您的宽度和高度将不起作用
@3rror404 我不知道，它解决了这个问题，非常感谢

标签： asp.net css background-image

【解决方案1】：

锚点是内联元素。

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

display: inline-block;

现在，它将占用宽度和高度，并且可以显示背景。 inline-block 会使其表现得像块元素，但仍保持内联。

【讨论】：

【解决方案2】：

默认情况下，锚元素是内联显示的。

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

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

【讨论】：