我希望重叠的区域与其余区域具有相同的不透明度。这是我在 CSS 中的代码,它创建了一个比其他区域更暗的重叠区域:
.title {
width: 497px;
height: 252px;
font-family:'Bebas';
text-align:right;
}
.title span {
line-height:54px;
font-size: 40px;
position: relative;
top: 72px;
background:rgba(193,193,193,.3);
color: white;
padding:3px;
text-align:right;
}
和 HTML:
<div class="title">
<span>This is where</span><br>
<span>the content goes</span>
</div>
那么,如何在不使用图像的情况下使重叠区域具有相同的不透明度呢?