css3半透明兼容，css background 半透明

css中,如何设置前景色的透明度?

1、要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。

2、创建一个html文件。在html文件找到一个标签，在这个标签里创建一个标签并添加一个类，在这把这个类设置为：rgba。代码： 为div添加样式。

3、代码应用的式CSS中的Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。

4、怎样在CSS样式中设置背景的透明度，下面一个具体的实例。把类为box的层设为透明。

5、实现图片的透明度渐变效果，效果如下：先说下我的实现，并没有用什么黑科技，而是通过两层图层堆叠的方式来做的。下面一层就是单纯的 svg 图片，上面覆盖了一层遮罩，并设置遮罩的背景色为蓝色到透明色的从左到右渐变。

相关问答

Q1: 关于css透明的兼容火狐ie等主流浏览器的问题。为什么前缀-moz-?_百度...

当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。

兼容IE，firefox，chrome，Safari，Opera等主流浏览器的半透明代码：.o {filter：alpha(opacity=50)；opacity：0.5；-moz-opacity：0.5；width：100%；} 您可以在火狐社区了解更多内容。

css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。

-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

-moz-，-webkit-，-o-这三个是厂商前缀，不同浏览的厂商，因为不同浏览器有不同的标准，所以为了兼容性，需要把常用的浏览器对应的厂商前缀加上。所以四个属性代表的是一个意思。

Q2: 如何用css实现半透明遮罩层效果

这个效果的传统方法就是增加一个额外的HTML元素用于遮挡背景添加如下样式：.overlay 遮罩层负责把这个元素背后所有的东西调暗。 .lightbox 需要指定一个更高的 z-index ，一边绘制在遮罩层的上层。

方法一：鼠标移至图片上显示遮罩层及文字 先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。

页面上必须放置一个div，作为遮罩层，下面是这个遮罩层的css样式。

position：relative；/*这个透明层尽量用相对定位，这样不会跑来跑去，原因目前还不怎么清楚，反正相对ok*/ clear：both；/*清除浮动效果，避免到时候到处乱跑，比如做了过渡动画的时候。

Q3: css3的png图片背景半透明属性怎么做?

“starty” 渐变透明效果开始处的 Y坐标。“finishx” 渐变透明效果结束处的 X坐标。“finishy” 渐变透明效果结束处的 Y坐标。

简单解释，IE使用私有属性filter：alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3， Moz Family部分支持CSS3）。

透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。

背景图片是调整不了透明度的，你只能调整容器的透明度来实现容器内的背景，内容也出现透明度。

准备好需要导出的模型。然后打开渲染设置选项，如图选项所示，将其打开【快捷键ctrl+B】。在这里选择保存设置，右侧选项栏中找到Alpha通道选项。

关于css3半透明兼容和css background 半透明的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。