Html CSS div，背景色、不透明度和div内的文本

我有这个部门：

<div class="entry-content" style="background: rgba(160, 160, 160); opacity:0.5; display:inline-block; border-radius: 5px; padding:20px;">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis mauris leo. Pellentesque vehicula nunc nec volutpat lobortis. Aliquam pretium felis non ullamcorper bibendum. Donec mollis velit porta ipsum euismod, id aliquet felis auctor. Fusce lacinia fermentum mi eu elementum. Sed dignissim elit a ullamcorper ornare. Proin a justo id risus suscipit condimentum vitae ac purus. Nunc nec lacinia justo, vitae elementum leo. Phasellus sit amet suscipit orci. Cras id mi eget nunc scelerisque condimentum commodo a est. Aliquam a tortor a metus hendrerit commodo eu quis felis. In dictum semper ante sit amet faucibus.</p>
</div>

Lorem ipsum dolor sit amet，是一位杰出的献身者。杜伊斯·奎斯·莫里斯·利奥。佩伦茨克汽车公司。阿利奎姆·普雷蒂姆·菲利斯·非乌兰科珀·比本杜姆。Donec mollis velit同侧门euismod，我是aliquet felis auctor。发酵木霉。这是一位杰出的女贵族。这是一种纯天然的调味品。我不喜欢拉齐尼亚·胡斯托，狮子座元素的生命。Phasellus坐在amet suscipit orci。这是一种普通的权杖调味品。这是一个侵权人的借口。在这句名言中，艾米特·福西布斯（amet faucibus）坐在前面

不透明度有点太好了，因为我的文本也应用了不透明度…解决这个问题的最佳方法是什么？

您已经使用了

   rgba(160, 160, 160,0.5); 

使用第四个参数可以设置背景的不透明度。 和使用

   opacity:0.5 

---

设置div内容的不透明度。只需使用rgba即可解决此问题，无需设置不透明度。

为什么不设置

rgba（160、160、160.5）

而不是为您的div设置

不透明度：.5

？无法将div的子对象的不透明度保持在

1

，而div本身的不透明度是

.5

@KingKing。他也将不透明度加倍，这毫无意义。如果您希望在

条目内容上保持不透明度，最好的选择是在其内部添加另一个div，该div具有
位置：绝对
，并填充父div。之后，您可以在其上应用不透明度。您可能还需要对内部div应用
z-index
，以便它显示在文本下方。