Html 标题背景未显示时出现问题

我试图在图片上方有一个标题的黄色背景。文本很好，但不是黄色。如果我在图像上加上一些空白，看起来不错

谢谢大家

这是一个标题和标题
it&rsquo；是来做表演的
这是副标题摘录。这就是
小标题摘录。这是副标题摘录。这就是
小标题摘录

.文章\新闻\标题{
背景色：#ffe400；
利润上限：-50px；
z指数：9；
宽度：30%；
}
.分类新闻{
边框：11px纯紫色；
z指数：3；
左边距：40px；
}
.参赛作品名称{
字号：28px；
利润上限：-30px；
背景颜色：黄色；
边缘底部：80px；
宽度：20%；
颜色：红色；
z指数：6；
高度：100px；
}

添加

位置：相对在
上。条目标题

.entry-title {
    font-size: 28px;
    margin-top: -30px;
    background-color: yellow;
    margin-bottom: 80px;
    width: 20%;
    color: red;
    z-index: 6;
    height: 100px;
    position: relative;
}

.entry-title {
    font-size: 28px;
    margin-top:-30px;
    background-color:yellow;
    margin-bottom:75px;
    width:20%;
    color:red;
    z-index:6;
    height:100px;
   position: absolute;
}

了解

z-index属性指定元素的堆栈顺序

具有更高堆栈顺序的元素始终位于元素的前面
具有较低的堆栈顺序

注：z-index仅适用于定位元素（位置：绝对，
位置：相对、位置：固定或位置：粘性）

z-index
与元素的定位（
position:relative
）配合使用，添加后应该可以使用。
添加此样式

.entry-title {
font-size: 28px;
background-color:yellow;
width:20%;
color:red;
z-index:6;
height:100px;
position:absolute;
top:0px;
left:300px;
text-align:center;
}

添加
位置：绝对位置在
上。条目标题

.entry-title {
    font-size: 28px;
    margin-top: -30px;
    background-color: yellow;
    margin-bottom: 80px;
    width: 20%;
    color: red;
    z-index: 6;
    height: 100px;
    position: relative;
}

.entry-title {
    font-size: 28px;
    margin-top:-30px;
    background-color:yellow;
    margin-bottom:75px;
    width:20%;
    color:red;
    z-index:6;
    height:100px;
   position: absolute;
}

希望可以帮助您
只需在条目标题的末尾添加相对位置

.entry-title{
    ....
    ....
    position: relative;
}

也在您的代码笔中验证。
z-index
与元素的定位（
位置：相对
）一起工作，添加该位置即可工作。是否希望黄色背景覆盖左下角的图像？使用（位置：相对）来输入标题类。这将解决您的问题。很高兴帮助您。。！