Html CSS在标题中设置背景图像

我想设置一个图像作为标题的背景，但只在空白区域。我不想在标题文本所在的位置显示任何背景。 因此，我将以下HTML作为标题：

<h2><span>Some text</span></h2>

h2{
    background: url("image.png");
}

一些文本
氢{
背景：url（“image.png”）；
}

---

问题是，我不希望在span中显示此标题背景，而是希望span调整页面的背景图像（父元素）。我无法为跨度设置特定背景，因为它与页面背景不匹配。那么我该如何解决这个问题呢？

您需要将图像的背景位置与文本相协调。我不确定您的确切布局是什么，所以请相应地调整您的值

CSS本身无法检测文本的位置或位。您需要使用JavaScript来实现这一点

h2 {
    background: url(image.png);
    background-repeat:no-repeat;
    background-position:5px 5px;
    padding-left:30px;
}

---

您可以使用psuedo元素来实现这一点

   h1:before 
 {
 content:url(your_img.jpg);
 }

---

你不能。据我所知。我会试一试，你应该给它设置背景色。玛达拉是对的。你不能在HTML/CSS中屏蔽。您需要将背景应用于与

span

span不重叠的不同元素