不用图片或借助其它文件，能否实现遮罩效果
作者：闪吧 类型:原创 来源:闪吧
不用图片或借助其它文件，能否实现遮罩效果 
解决思路： 可以，通过设置DXImageTransform滤镜组中的 BasicImage 滤镜的 mask 和 maskColor 参数就可以实现。
具体步骤： 代码示例：
<body bgcolor="#eeeeee">
<span style="filter:progid:DXImageTransform.Microsoft.BasicImage(mask=1,MaskColor=6804629);height:0px">mask demo</span>
注意：使用BasicImage滤镜时必须设置对象的position、width和height属性之一。
提示：其中 6804629 为十六进制颜色值 67D495 的十进制表示。
技巧：要将十六进制的数字转为十进制表示，可以用parseInt函数，如：
<script>alert(parseInt(0x67D495))</script>
或
<script>alert(parseInt("67D495",16))</script>
特别提示
代码运行效果如图2.3.5所示。
图2.3.5 BasicImage滤镜实现的遮罩效果
特别说明
DXImage滤镜组的BasicImage滤镜主要用于调整对象内容的颜色处理、图像旋转或不透明度。滤镜参数说明如表2.3.5所示。
表2.3.5 BasicImage滤镜参数说明
参数说明
grayScale设置或获取是否以灰度显示对象内容
Invert设置或获取对象内容是否反相显示
Mask设置或获取是否依据 MaskColor 的值为对象添加遮罩
MaskColor设置或获取遮罩颜色
mirror设置或获取是否反转显示对象内容
opacity设置对象内容的透明度
Rotation设置或获取对象内容的旋转
XRay设置或获取是否以X光效果显示对象内容
责任编辑:kissall 时间:2005年8月29日
- 最近更新