重叠的半透明元素？

Question

我希望重叠的区域与其余区域具有相同的不透明度。这是我在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>

那么，如何在不使用图像的情况下使重叠区域具有相同的不透明度？