Css 响应绝对定位背景叠加

我有一个我正在加载的背景图像，但我想用css覆盖使其变暗。我的网站是响应性的，所以我不知道如何使绝对位置的暗覆盖层具有响应性的宽度。这可能吗

这是我目前的代码。更改预览的宽度将向您显示黑色覆盖如何在标题文本环绕的较小宽度上停止覆盖图像，从而增加横幅的整体高度

谢谢你的提示/帮助

主要css代码：

.index-panel {
   position: relative;
   background: #333 url('http://images.alphacoders.com/285/285391.jpg') no-repeat;
   background-size: cover;
   padding: 70px 0 55px;

}

你的身高是固定的

你为什么不说：

。索引面板。背景{
身高：100%；
}

 .index-panel .background {
    width: 100%;
    height: 356px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.23);
}