CSS定义通用透明效果

分别定义各种浏览器的透明效果：

.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;}

filter:alpha(opacity=12); 支持 IE 浏览器
-moz-opacity:0.12; 支持 FireFox 浏览器
opacity:0.12; 支持 Opera，safari 等浏览器

转载于:https://www.cnblogs.com/c9log/archive/2009/12/28/1634581.html

CSS定义通用透明效果相关推荐

CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
css实现html透明效果
CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度,这已经得到了大多数现代浏览器的支持,而IE则很早通过特定的私有属性filter来实现的,所以HTML元素的透明效果已经 ...
php毛玻璃,CSS实现毛玻璃透明效果
其实毛玻璃的模糊效果技术上比较简单,只是用到了css滤镜(filter)中的blur属性.但是要做一个好的毛玻璃效果,需要注意很多细节. 比如我们需要将上图中页面中间的文字区域变成毛玻璃效果,首先想到 ...
css图片渐变透明效果
其实不是透明而是图片渐渐向背景色靠齐这里我们以白色为例话不多说我们直接上代码 <!DOCTYPE html> <html><head><title&g ...
用css做透明效果,CSS实现毛玻璃透明效果
其实毛玻璃的模糊效果技术上比较简单,只是用到了css滤镜(filter)中的blur属性.但是要做一个好的毛玻璃效果,需要注意很多细节. 比如我们需要将上图中页面中间的文字区域变成毛玻璃效果,首先想到 ...
CSS中如何实现背景图片透明并且固定和文字不透明效果
设置背景图片的透明度,并且该背景图片不随鼠标滚动而移动,我们可以使用滤镜filter中的透明度设置opacity,并使用伪类before和定位至于opacity的作用:转化图像的透明程度.值定义转换 ...
用Less CSS定义常用的CSS3效果函数
定义圆角及调用 /* 定义圆角 @radius 圆角大小 */ .round(@radius:5px){border-radius:@radius;-webkit-border-radius: @ra ...
[css] rgba()和opacity这两个的透明效果有什么区别呢？
[css] rgba()和opacity这两个的透明效果有什么区别呢? 1.opacity 是属性,rgba()是函数,计算之后是个属性值: 2.opacity 作用于元素和元素的内容,内容会继承元素 ...
css设置背景半透明，文字不透明效果
设置背景半透明,文字不透明效果一.常见的错误做法最常见的做法就是: 1.设置元素的opacity,这种设置出来的效果就是内容与背景都是半透明的,严重影响视觉效果. 2.设置background-c ...

CSS定义通用透明效果

CSS定义通用透明效果相关推荐

最新文章

热门文章