Question

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

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

出于某种原因，我的'你好！'的不透明度文字正在逐渐消失，看起来像.5;或50％我无法分辨，因为我没有设置任何这些div的不透明度。

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

这是我的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

带有＆＃39;灯光的字体＆＃39; font-weight因其性质而显得更加褪色。尝试更改字体并查看它是否仍然存在问题。

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

1 个答案: