Question

我有这个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>

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

Answer 1

您已使用

   rgba(160, 160, 160,0.5);

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

   opacity:0.5

您可以设置div内容的不透明度。只需使用rgba修复它，不需要不透明度。

CSS div具有背景颜色和不透明度以及div内的文本

1 个答案: