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

然后你可能需要改变你的图像的宽度。现在看起来有点长了。或者你可以像我前面说的那样利用背景位置。