详细解释最透明的CSS透明度和IE版本的透明过滤器过滤器的使用。
CSS3透明度透明度属性必须被广泛使用,作为浏览器不支持CSS3如何做透明处理,让浏览器的结果。这估计谁都会写,但涉及到不同的特定的语法意义和过滤写的各种版本,很多人都是不准确的,在丹尼尔我也问了很多组,说的不是很准确的在线,说它更多的是各种各样的。今天,最主要的是要重新审视这一特性,与实际试验说明正确的写作,和支持和各版本之间的差异,即写作
首先,不透明属性用于设置一个元素的透明度,其范围在0到1之间,并且没有负值。不透明的值是1完全不透明的,而0的值是完全透明的和视觉上看不见的:
从firefox3.5 +不再支持私人财产在-moz混浊,Mozilla 1.7(Firefox 0.9)在FF是对Firefox的私有财产的使用,0.9-firefox3还支持-moz混浊和不透明的这两个属性,现在回想起刚进入职场不久,当时刚升级到Firefox 3.5,一些没有豁然开朗的页面现在,CSS3已势不可挡,感叹时光飞逝啊。
IE9 +开始支持CSS3透明度和IE6-IE8我们使用滤波器的滤波性能implement.ie4-ie9支持过滤写作:DXImageTransform.Microsoft.Alpha(透明度= ProgID XX)。
IE8还介绍了特殊MS过滤器,伊江认为这种风格是老写校正,符合标准,本文的写作价值的属性不仅仅是一个双引号,有效果。不过,这种写作风格的寿命不长,和IE10不再由滤波器和MS过滤支持。
Safari 1.2以前的版本是基于KHTML浏览器内核。在1.2版发布,它不再支持KHTML混浊的写作,和KHTML透明度也成为历史。
Konqueror从未支持KHTML透明度,并被从4版本不支持。
除了IE,目前主流的浏览器Opera 9 +,Safari 1.2(WebKit 125)+、铬等都支持透明度透明度属性。
IE提供了一些内置的多媒体过滤效果,从4版,它的具体用途是:
Grammar:
过滤器:过滤器
参数:
滤波器:滤波器的作用。多个滤波器用空格隔开。
解释uff1a
1。设置或检索对象使用的筛选器的效果。
2。若要使用此属性,对象必须具有高度、宽度和位置的三个属性之一。
三.该滤波器具有可扩展性,可以开发和使用第三方滤波器。
4。此属性在Mac平台上不可用。
5,相应的脚本特性是过滤器。
对IE4.0以上版本支持以下14个过滤器:
(1)alpha使HTML元素具有透明和渐进的效果。
(2)和模糊让HTML元素产生风模糊效果。
三.色度使图像中的一种颜色透明。
(4)、投影,让HTML元素有一个下降的阴影
fliph使HTML元件水平翻转
FlipV,让HTML垂直翻转元素
可悲的是,光环周围的辉光会产生光晕和模糊效应。
灰色,把彩色图像变成黑白色。
我有颠倒的图片,负面的效果
光,在HTML元素中添加阴影
掩码使用另一个HTML元素在另一个元素上生成一个图像掩码。
阴影产生更立体的阴影。
Wave允许HTML元素产生水平或垂直波变形。
X射线产生的HTML元素的轮廓,就像X光
alpha滤波器参数的详细解决方案
(1)不透明度,百分比,从0到100,0表是完全透明的,100是完全不透明的。
其次,finishopacity是选择性参数一起使用,与不透明度。当不透明度和finishopacity同时使用,可产生的透明度和渐变效果,这是比较酷的。从0到100,0台是完全透明的,100是完全不透明的。
风格,当不透明度和finishopacity设置在同一时间,是透明的和渐进的,它主要是用红指定的逐行显示的形状。0:没有变化;1:直线;2:圆的和渐进的;3:矩形辐射。
X坐标值逐渐开始听
Y坐标值开始逐渐由初始位置
X finishx,坐标值逐渐结束
Y finishy,终末的坐标值
下面的示例用于测试筛选器和不透明性的兼容性:
HTML代码
JS Bin
试验透明度
注意:不要忘记写DOCTYPE,否则会偏离实际效果。
对应于CSS代码:
{。transparent_class
5, 6, 7的要求。
什么触发haslayout / *…*类似,缩放:1;
宽度:300px;
身高:300px;
行高:300px;
文本对齐:中心;
背景:# 000;
颜色:# FFF;
旧的Safari浏览器/浏览器
WebKit的不透明度:0.5;
网景和比Firefox老0.9
-个不透明度:0.5;
Safari / 1。x(预WebKit的!)旧的KHTML内核的Safari浏览器。
- KHTML不透明度:0.5;
/ * * /浏览器IE9 +等现代…
不透明性:5;
即4-9 / * * /
滤镜:alpha(不透明度= 50);
在IE 89中也是如此。
MS过滤器:ProgID:DXImageTransform.Microsoft.Alpha(不透明度50);
ie4-ie9 / * * /
过滤器:ProgID:DXImageTransform.Microsoft.Alpha(不透明度50);
}
在使用中,我们可以选择代码行,你需要从它基于浏览器/版本要匹配。如果你想完全支持所有的浏览器,你需要至少前5句关于透明度或滤镜。需要声明,如果你想使用滤波器和MS滤波的同时,请写MS过滤器前面的过滤器。原文描述如下:
如果你想不透明也工作在ie8prime IE7的仿真。
MS过滤器:的ProgID:DXImageTransform.Microsoft.Alpha(不透明度50); / /第一
筛选器:alpha(不透明度= 50); /秒
如果你人;T使用这个命令,不管模仿IE7 IE8;
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
tag:过滤器透明解释透明度版本
相关内容