css中实现背景透明的三种方式

这就是坑。

不透明度：0.8 不支持IE6 -8 rgba(2 5 5 .2 5 5 .2 5 5 .0,8 )。
IE6 -8 不支持。
文本透明度不可控。

过滤器：Alpha（不透明度=8 0）。
仅限IE。
不要那样做。

给我一个实际的例子来说明如何使背景透明而文本不透明。

CSS字体颜色透明度怎么调整_CSS字体颜色透明度调整技巧

嘿嘿，你总结的挺完整的，不过如果我是客户问你这个问题，恐怕直接把他搞糊涂了。
上周，一位客户问我如何模糊按钮上的文字。
我当时就说我会用RGBA。
他一愣，说，这个颜色值是红绿……
你看，RGBA其实最靠谱，尤其是你提到的例子：.element{color:rgba(2 5 5 ,0,0,0.5 );} 这个很容易理解，即红色文字5 0%透明，背景不变化。
但就不透明度而言，.element{opacity:0.5 ;} 使整个事物变得透明。
客户可能会说：“不，我只是让文本透明。
”这需要很长时间来解释——你明白我的意思吗？
解决子元素的透明度问题也蛮实用的，比如.parent{background-color:rgba(2 5 5 ,2 5 5 ,2 5 5 ,0.5 );}，让外面半透明，里面文字正常。
然而，上次我在上海的一个商场创建一个活动页面时，我使用了这个方法，发现IE1 1 根本不识别RGBA。
最后我只添加了一种颜色：红色；就像前面的备胎一样，这真是烦人...
预处理器非常好。
用 Sass 编写确实很容易，但客户端可能还没有使用 CSS。
如果你告诉他这些，他会更加困惑。
关于可读性，我完全同意。
上次我把电商调到0.6 ，感觉文字都快看不见了。
我必须添加过滤器：对比度（1 .2 ）；使其发挥作用。

无论如何，您应该告诉您的客户： 1 .如果字体是透明的，就用RGBA，简单直接 2 . 如果您希望整个内容透明，请使用不透明度，但不要触摸文本。
3 .为了兼容旧浏览器，需要添加RGB备胎。
4 、调试时用手机拍照，看看文字是否够亮？
如果客户还问为什么文字变透明，背景变模糊，就说“这是CSS规则，兄弟，RGBA专门研究字体的，把不透明彻底去掉了……”然后把你的笔记发给他，让他自己看……我掉入的陷阱就是没有先测试IE1 1 ，差点被老板骂了。