相关文章
从静态网页到动态网页再到静态网页...
北京网页设计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一样接受参数