在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;
}

然后尝试使用包括溢出的变体：可见，并将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;
}

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