`
angeldhp
  • 浏览: 59322 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

    博客分类:
  • CSS
阅读更多
css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

FILTER:progid:DXImageTransform.Microsoft.Gradient使用
语法:
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)
属性:
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false
  true: 默认值。滤镜激活。
  false:滤镜被禁止。

startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
  其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
  取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。
EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
特性:
Enabled:可读写。布尔值(Boolean)。参阅 enabled 属性。
GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0
  1:默认值。水平渐变。
  0:垂直渐变。
StartColorStr:可读写。字符串(String)。参阅 startColorStr 属性。
StartColor:可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。
EndColorStr:可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
EndColor:可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。
说明:
在对象的背景和内容之间显示定制的色彩层。
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}

#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;}
具体使用
<table border=1 width=100%>
<tr>
<td STYLE="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#ffffff',endColorStr='#ff0000')"> </td>
</tr>
</table>

分享到:
评论

相关推荐

    css滤镜大全css滤镜大全

    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff0000,endcolorstr=#ffff00,gradientType=1); } ``` 4. **图片转换滤镜** - **随机变换** (`RevealTrans`): - **描述**: 随机变换滤镜...

    Css filter 滤镜大全

    -ms-filter: "progid:DXImageTransform.Microsoft.Wave(Add=0, Freq=5, LightStrength=5, Phase=4, Strength=2)"; filter: wave(add=0, freq=5, lightStrength=5, phase=4, strength=2); } ``` 在现代浏览器中,...

    ie滤镜大全,集合的所有的核心代码

    15. progid:DXImageTransform.Microsoft.gradient:创建线性或径向渐变。 16. progid:DXImageTransform.Microsoft.rotate:旋转元素。 17. progid:DXImageTransform.Microsoft.scale:缩放元素。 这些滤镜的使用...

    浅析几个CSS3常用功能的写法

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#999999',GradientType='0')"; /* IE8 */ } ``` Firefox使用`-moz-linear-gradient`,Safari和Chrome使用`-...

    前端开源库-postcss-filter-gradient

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff', GradientType=1); ``` 这样,即使在不支持现代渐变语法的浏览器中,也能呈现出从红色到蓝色的平滑过渡。 *...

    Css中的filter属性语法说明.

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA'); } ``` 通过以上介绍可以看出,CSS中的`filter`属性提供了丰富的视觉效果选项,可以帮助...

    介绍几款经典的C#button样式.docx

    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; ...

    css按钮样式

    FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#cecfde); BORDER-LEFT:#7b9ebd 1px solid; CURSOR:hand; COLOR:black; PADDING-TOP:2px; BORDER-...

    分享CSS中半透明样式的处理方法.docx

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=7f000000, endColorStr=7f000000); /* IE6 及以上 IE 浏览器识别 */ } ``` 需要注意的是,使用 rgba 属性时,需要指定背景颜色和透明度。使用 ...

    CSS按钮样大全.txt

    FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#cecfde); BORDER-LEFT:#7b9ebd1px solid; CURSOR:hand; COLOR:black; PADDING-TOP:2px; BORDER-...

    兼容各浏览器css渐变

    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ffffff, endColorStr=#000000); } ``` 这段代码实现了从白色到黑色的线性渐变。其中`gradientType=0`表示垂直渐变,即从上...

    css背景渐变几种样式

    在旧版的IE浏览器(主要是IE8及以下)中,可以使用`FILTER`属性配合`DXImageTransform.Microsoft.Gradient`来实现这一效果,如下所示: ```css body { FILTER: progid:DXImageTransform.Microsoft.Gradient...

    CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

    由于IE使用的是滤镜(filter)技术,因此我们需要使用`progid:DXImageTransform.Microsoft.gradient`滤镜来创建渐变。以下代码创建了一个从红色到蓝色的垂直渐变: ```css .filter-gradient { width: 300px; ...

    css 背景半透明最佳实践

    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000'); } :root .rgba { filter: progid:DXImageTransform.Microsoft.Gradient...

    CSS代码实现背景透明而文字不透明

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; /* IE8 */ background-color: #000; /* 兼容其他浏览器 */ } ``` 这里 `#80000000` 是 ARGB 值,`...

    漂亮的按钮css样式表

    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F5FCF2,endColorStr=#B0E298); ``` 此行代码为`.btn80`按钮创建了一个从`#F5FCF2`到`#B0E298`的水平渐变背景。 ### 3. 边框与...

    CSS3实现圆角阴影渐变效果兼容IE等浏览器

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999', Direction=135, Strength=5); } ``` 需要注意的是,滤镜语法不仅限于阴影,还可以实现其他效果,但其性能和灵活性都不如现代的CSS3属性。 最后...

    让IE支持CSS3的不完全兼容方案

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); ``` 5. **RGBA透明度颜色背景**:IE6+通过`filter`的`gradient`滤镜可以模拟RGBA颜色背景,但需要去掉`...

Global site tag (gtag.js) - Google Analytics