在html / css中实现白色不透明效果 [英] Achieving white opacity effect in html/css

问题描述

有没有办法以跨浏览器兼容的方式实现这种效果，而不必准备分离的图像？

is there a way to achieve this effect in a cross-browser compatible way without having to prepare separated images?

基本上，文本放置的框架具有白色覆盖50％不透明度。我想要一个解决方案，不涉及创建任何其他图像除了背景，但我不知道是否可能！

Basically the frame on which text lays has a white overlay of 50% opacity.. I would like a solution that doesn't involve creating any other image in addition to the background but I don't know if it's possible!

推荐答案

尝试RGBA，例如

div { background-color: rgba(255, 255, 255, 0.5); }

像往常一样，这不会在每一个曾经写过的浏览器中工作。

As always, this won't work in every single browser ever written.

这篇关于在html / css中实现白色不透明效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！