FILTER:progid:DXImageTransform.Microsoft.Gradient使用

http://www.cnblogs.com/fanyf/archive/2012/12/20/2826483.html

https://segmentfault.com/a/1190000002433305

.zt-select{ width:100px; margin-left:10px; margin-right:10px; position:relative; cursor:pointer;
background:url(../../images/iconfont-jiantou5.png) no-repeat 80px center;
}
.zt-select ul{ display:none; position:absolute; /*left:30px; width:105px;*/ width:100%;
box-shadow:0 2px 3px #ccc;
-webkit-box-shadow: #ccc 0 2px 3px;
background:rgba(255,255,255,0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#Dfffffff',endColorstr='#Dfffffff');
/*filter:alpha(opacity=90); */
opacity:0.9;
-moz-opacity:0.9; }

 

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代码。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS,可以在网页/模板的HTML代码和 之间插入:


html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
<>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的和之间插入:


最简单的把页面变成灰色的代码是在head 之间加

html {
    FILTER: gray
}
<>

一般的discuz论坛在 你的控制css 文件下修改
/images/header/header.css 这个文件,点源码即可看到 参考 http://bbs.admin5.com

另在哀悼日或遇难的新闻,所有专题和主题 图片上不能使用红色标题。

 

今天看到css的渐变色效果  呵呵不错  和大家分享一下
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)

startColorStr='#ffeeeeee'
startColorStr为渐变起始颜色,ff为16进制透明度
endColorStr='#ffeeeeee'
endColorStr为渐变结束颜色,ff为16进制透明度
gradientType='0'
gradientType渐变方向,'0'为垂直方向, '1'为水平方向(默认值为'1')
 
------------------------------------------------------------------------
这是最简单的
用css实现网页背景渐变的代码如下:
一、从上往下渐变 Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变  Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变  Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
 四、从上往下渐变  Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startC

 

posted @ 2016-03-16 11:43  JIN__JIN  阅读(1802)  评论(0编辑  收藏  举报