博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
FILTER:progid:DXImageTransform.Microsoft.Gradient使用
阅读量:6000 次
发布时间:2019-06-20

本文共 1195 字,大约阅读时间需要 3 分钟。

FILTER:progid:DXImageTransform.Microsoft.Gradient使用 

语法: 
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth,GradientType=0 | 1) 
属性: 
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 可选值为true或false
true: 表示滤镜激活。 false表示滤镜被禁止
 
第二个参数和第三个参数都是可选的,且取值范围都是#FF000000 - #FFFFFFFF

第二个参数:startColorStr 字符串。设置或检索色彩渐变的开始颜色和透明度。 

第三个参数:endColorStr 字符串。 设置或检索色彩渐变的结束颜色和透明度。 

第四个参数:GradientType默认值是1,表示水平渐变。0表示垂直渐变。

说明: 

在对象的背景和内容之间显示定制的色彩层。当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。 

示例: 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ba6db', endColorstr='#369bd7', GradientType=0);

用css实现网页背景渐变的代码如下:

一、从上往下渐变 Example Source Code:

body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、从左上至右下渐变

body{

FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
}

三、从左往右渐变

body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

 四、从上往下渐变

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startC

转载于:https://www.cnblogs.com/wyf-gis/p/4030621.html

你可能感兴趣的文章
L2TP/IPSec一键安装脚本
查看>>
android以json形式提交信息到服务器
查看>>
CetnOS 6.7安装Hive 1.2.1
查看>>
最短最优升级路径(完美世界2017秋招真题)
查看>>
【PHP基础】错误处理、异常处理
查看>>
Android之drawable state各个属性详解
查看>>
Linux——网段的划分,子网掩码,ABC类地址的表示法
查看>>
android开发(22)使用正则表达式 。从一个字符串中找出数字,多次匹配。
查看>>
AJAX
查看>>
2015 多校联赛 ——HDU5334(构造)
查看>>
几个ES6新特性
查看>>
mysql字符集
查看>>
DP_1d1d诗人小G
查看>>
非、半、结构化数据学习【转载】
查看>>
SpringMVC之单/多文件上传
查看>>
avalon加载一闪而过现象
查看>>
线段树模板【数据结构 - 线段树】
查看>>
Castle IOC概念理解
查看>>
如何配置Log4Net使用Oracle数据库记录日志
查看>>
一道在知乎很火的 Java 题——如何输出 ab【转】
查看>>