Html 在CSS背景图像中添加URL链接？

我有一个CSS条目，如下所示：

.header {
    background-image: url("./images/embouchure.jpg");
    background-repeat: no-repeat;
    height:160px;
    padding-left:280px;
    padding-top:50px;
    width:470px;
    color: #eaeaea;
    border-bottom:1px solid #eaeaea;


}

<a href="whatever.html"><li id="header"></li></a>

如何将链接添加到CSS中的背景图像

---

可以找到完整的CSS，使用的html是。

您不能从CSS添加链接，必须从html代码显式添加链接。例如，类似这样的内容：

.header {
    background-image: url("./images/embouchure.jpg");
    background-repeat: no-repeat;
    height:160px;
    padding-left:280px;
    padding-top:50px;
    width:470px;
    color: #eaeaea;
    border-bottom:1px solid #eaeaea;


}

<a href="whatever.html"><li id="header"></li></a>

---

仅使用CSS根本无法添加链接：）无法使用HTML/CSS链接背景图像或其一部分。但是，可以使用以下方法进行分级：

<div class="wrapWithBackgroundImage">
    <a href="#" class="invisibleLink"></a>
</div>

.wrapWithBackgroundImage {
    background-image: url(...);
}
.invisibleLink {
    display: block;
    left: 55px; top: 55px;
    position: absolute;
    height: 55px width: 55px;
}

.wrapWithBackgroundImage{
背景图片：url（…）；
}
.invisibleLink{
显示：块；
左：55像素；顶：55像素；
位置：绝对位置；
高度：55px宽度：55px；
}

尝试将跨度包装在锚定标记中，并将背景图像应用于该锚定标记

HTML:

---

您想链接到css文件中的背景图像，还是想在呈现的网页中显示到图像的链接？@ricebowl:最后，我希望网页图片具有链接。但该软件包仅通过CSS插入图片。对于使用CSS处理内容，请检查：这将无法正常工作，通过将invisibleLink设置为绝对，它将从文档流中拉出，div将崩溃。它确实工作得非常好。但是，该解决方案可能必须进行调整，以适应此特定案例的特定需要。@Simeon:我已经在Firefox中对其进行了测试。它似乎只有在有足够的内容填满55px的垂直空间时才起作用。我同意任何裁剪都是必要的。我理解你的意思。添加溢出：可见；也许可以解决这个问题。我也明白如果你不认为这是一个完整的答案，我可以看看提供的链接。然而，这种方法是解决问题的一种方法，如果他需要一个更具体的例子，某人或我可能会抽出时间来提供。显示块和绝对位置是这里的关键。对于高度和宽度，您应该使用100%

作为

的直接子对象，两者之间没有任何差异