相关文章
从静态网页到动态网页再到静态网页...
北京网页设计HTML 5新增的元素
企通互联使用Web标准建站第4天：调用样式表
北京网站制作在html文件引入其它html文件的几种方法
北京网站设计ucLinux下sqlite数据库移植全攻略(组图)
网站制作教程/dreamweaver/入门 DreamWeaver经典50问(一)
网站制作抗日Flash集之：东京功略战[游戏]
北京网站制作FLASH MX 2004视频教程:《电脑报》片头制作（六）
北京网页设计FLASH MX 2004视频教程:运动(一)运动的小球
网站设计dreamweaver安装与启动
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站制作CSS滤镜:Mask属性
北京网站制作CSS滤镜:Mask属性
Filter：Mask（Color=颜色）
只有一个Color参数，用来指定使用什么颜色作为掩膜。 网站制作
同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）：
原 图
Mask属性效果图 网站建设
加上MASK属性的效果就好象是在用有色眼镜看物体一样。上面的效果的代码如下：
<html>网站设计
<head> 网站建设
<title> mask filter </title> 北京网页设计
<style>//*设置CSS样式开始*// 网页设计
<!-- 北京网页设计
div{position：absolute；top： 北京网站建设20 www.qitongnet.com；left：40；北京网站设计
filter：mask(color：#666699)；} 企通互联
网站设计 //*定义DIV区域的样式，绝对定位， 北京网页设计mask属性的color参数值指定用什么颜色遮企通互联
北京网站设计 住对象*// 网站建设
p{font-family：bailey；font-size：72pt；网站制作
font-weight：bold；color：#FF9900；} 北京网站制作
//*定义P区域内的样式，字体名称、大小、粗细、前景色*// 北京网站建设
--> 网站制作
</style> 网站建设 北京网站制作
</head> 北京网站建设
<body> 网站制作
<div> 企通互联
<p> wenyleaf </p> 网站设计 企通互联
</div> 网页设计
</body> 北京网站设计
</html>
其实，您就算在代码中去掉对字体前景色的定义，得到的效果还是一样的。因为有了Mask属性的定义，它遮罩下的字体颜色的设置就已经失去了意义。 北京网页设计
还有一点需要您注意的地方，mask属性对图片文件的支持还是不够，不能达到应该有的效果。
上一篇：网站建设利用CSS改善网站可访问性(2005-02-21 10:13:09)
下一篇：网站建设HTML页面如何象asp一样接受参数