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 に答える