0

我有一个正在加载的背景图像，但我想用一个 CSS 覆盖使其变暗。我的网站是响应式的，所以我不知道如何让绝对定位的深色叠加层具有响应式宽度。这甚至可能吗？

这是我当前的代码。更改预览的宽度将向您展示深色覆盖如何停止覆盖较小宽度的图像，其中标题文本环绕增加横幅的整体高度。

http://jsfiddle.net/4CG32/

感谢您的任何提示/帮助！

主要css代码：

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

}

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

1 回答 1

1

你的身高是固定的。

你为什么不放： .index-panel .background { height: 100%; }

于 2013-01-24T23:35:45.860 回答