السلام عليكم
لدي كود ال html التالي :
<html>
<body>
<div class="landing">
<div class="intro-text">
<h1>Petrotesting</h1>
<p>for rethreding your outile</p>
</div>
</div>
<!-- End landing section -->
</body>
</html>
طبقت عليه التنسيق التالي :
.landing{
background-image: url(../images/dd.jpg);
background-size: cover;
height: 100vh ;
}
.landing .intro-text{
position: absolute;
top: 20%;
left: 50%;
}
.landing .intro-text h1{
margin: 0;
}
.landing .intro-text p{
margin: 0;
}
اريد ان أقلل شفافية الخلفيه دون ان أقلل شفافية العناصر التي بداخل ال "landing"
استخدمت الخاصيه opacity: 0.5; مع ال "landing" تأثرت جميع العناصر بداخله