css - 在 h3 类 (WordPress) 上使用背景图片

Question

这是我想要获得的效果的图像:

这是我得到的实际图像:

这是网站 http://ratest10.com/?page_id=2

我试过了；

.widget-container {
margin: 0 0 18px 0;
background: #FFFFFF;
width:204px;
padding: 0 8px;
overflow:visible;
}
.widget-title {
color: #222;
font-weight: bold;
background: url(images/sidbar-title-bak.png);
width:240px; height: 45px;
}

然后尝试使用包括 overflow:visible 在内的各种变体，并将 html 结构更改为包含 h3 的类的 div，但没有取得任何进展。

这是一个 WordPress 网站，html 是...

<li id="categories-2" class="widget-container widget_categories"><h3 class="widget-  title">Categories</h3> <ul> 

Answer 1

问题是白色背景的容器没有你的 h3 宽。但是，您可以移动背景位置以使其进入视野。例如:

.widget-title {
background-position:-19px 0;
}

编辑:

真的很抱歉，通过查看您的图片，我意识到您想要从白框中取出它。这就是您需要做的。

.widget-title {
position:absolute;
}

#main .widget-area ul {
background-color:#FFF;
}

然后您可能需要更改图像的宽度。它们现在看起来有点长。或者您可以像我之前所说的那样使用背景位置。