透明度(不透明度)を使用して画像を暗くして、前景のテキストをよりよく読み取るようにしています。ここで 背景画像に透明度の不透明度を追加しようとしています
は私のヘッダのHTMLです:.header-image {
display: block;
width: 100%;
text-align: center;
/* image must be 1900 x 500 */
background: url('back.1.jpg') no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
opacity: 1.0;
}
.headline {
padding: 120px 0;
}
.headline h1 {
font-size: 50px;
font-weight: 500;
background: #24292E;
background: rgba(36, 41, 46, 0.7);
color: #FCFCFC;
}
<header class="header-image" style="background: url(' URL TO IMAGE') center no-repeat; background-size: cover;">
<div class="headline">
<div class="container">
<h1>Headline</h1>
</div>
</div>
</header>
'不透明度:1.0;' 'header-image'の最後の行にありますが、うまくいきませんでした。
私はここで間違っていますか?
おかげ