HELP 画像とテキストの不透明度の問題.
1074 ワード
やあみんな、私はコーディングが初めてです.不透明度0.6の背景に画像を試していました.問題は、私のテキストも不透明になっていることです! 2 つの異なる div を作成しますが、機能しません.手伝って頂けますか ?
<style>
.background {
background-image: url(barhold.jpg);
background-size: cover;
filter: alpha(opacity=60);
opacity: 0.6;
}
span {
color: red;
opacity: 1;
}
</style>
<title>Document</title>
</head>
<body class="w-75 mx-auto my-4">
<div class="background">
<div class="container">
<span>
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolore ullam recusandae
consequuntur
eligendi numquam vitae doloremque itaque quam, reiciendis perspiciatis.</p>
</span>
<hr>
</div>
</div>
Reference
この問題について(HELP 画像とテキストの不透明度の問題.), 我々は、より多くの情報をここで見つけました https://dev.to/cem_coduroglu/help-opacity-problem-in-images-and-text-194oテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol