Question

我试图在“ div”内的“ a”链接中添加背景图片，但该图片未显示。

我也三联检查了img路径，没关系。

我尝试的是以下内容：

div a[href^='htt'] {
  margin-left: $basismarge*4;
  background-image: url("../../public_html/oefeningen/images/www.png");
}

这是index.html代码的一部分：

<div>
    <div>
        <h1><a href="mailto:info@thomasmore.be">CSS3 Oefening 1</a></h1>
        <span>Welkom</span>
    </div>

    <div>
        <h2>&copy; <a href="http://www.thomasmore.be/">Thomas More</a></h2>
    </div>
</div>
<p><a href="../index.html"><i class="fas fa-home fa-3x"></i></a></p>
</body>```

With this I would have expected that the image would be showing.

Answer 1

它应该可以正常工作，并且可以显示我自己的图像。尝试使用外部图像地址进行验证。您的网址路径很可能有问题。检查开发工具中的“网络”标签，以查看您是否确实在正确获取图像。

如果路径有效，并且您毕竟要正确获取图像，请检查图像是否未真正显示，但是否与链接及其父级的样式（例如，图像的左上角和锚元素都具有白色背景）。

如何将图像添加到以htt开头的链接？

1 个答案: