CSS div，背景颜色和不透明度以及div中的文本

Question

我有这个股利：

<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>

并且不透明性工作得有点好，因为我的文本也应用了不透明性...解决此问题的最佳方法是什么？

Answer 1

你用过

   rgba(160, 160, 160,0.5); 

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

   opacity:0.5 

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