嵌套在 div 中的文本的不透明度问题

Question

我有三个 div，一个大的父 div，一个在父 div 内的小盒子，然后在小盒子内放文本。

<div class='parentDiv'>
    <div class='smallBox'>
        <div class='text'> Hello!
        </div>
    </div>
</div>

由于某种原因，我的“你好！”不透明文本被淡化为看起来像 0.5 的东西；或 50% 我无法确定，因为我没有设置任何这些 div 的不透明度。

我的 ParentDiv 和 smallBox 的背景颜色设置为：透明；所以你可以看到里面的文字..透明背景会影响文字的不透明度吗？我该如何解决这个问题？

这是我的CSS。

.parentDiv {
 width: 1020px;
 height: 200px;
 background-color: Transparent;
 position: absolute;
 top: 450px;
}

.smallBox {
 width: 200px;
 height: 200px;
 position: absolute;
 left: 160px;
}

.text{
font-family: robotolight, sans-seriff;
font-size: 18px;
color: #ffffff;
text-align: center;
left: 30px;
position: absolute;
z-index: 100000;
width: 100px
margin: 0px auto;
line-height: 30px;

}

Answer 1

具有“轻”字体粗细的字体会由于其性质而显得更加褪色。尝试更改字体，看看是否仍然存在问题。