VML:经典的图片叠加效果(灰色调)

[入库:2005年8月18日] [更新:2007年3月24日]

本文简介:选择自 lshdic 的 blog

<html xmlns:v>
<head>
<meta http-equiv=content-type content=text/html;charset=gb2312>
<title>图片叠加技术</title>
<meta name=gemeratpr content=vml图像画板>
<meta name=gemeratprhomepage content=http://www.lshdic.com>
<style>
v\:*{behavior:url(#default#vml);}
</style>
</head>
<body>
<!--主要用到了3个不太大的图片,结合vml+css制作,用了vml图像画板制作仅需2分钟,原作:风云舞-->
<?xml:namespace prefix = v /><v:image style="z-index: 1001; filter: alpha(opacity=50,style=3); left: 11px; width: 872px; position: absolute; top: 27px; height: 584px" src = "http://www.lshdic.com/bbs/image/sajia.jpg" grayscale = "t" coordsize = "21600,21600"> </v:image><v:image style="z-index: 1017; filter: alpha(opacity=80,style=2); left: 28px; width: 171px; position: absolute; top: 440px; height: 166px" src = "http://www.lshdic.com/bbs/image/mu.jpg" grayscale = "t" coordsize = "21600,21600"> </v:image><v:image style="z-index: 1032; filter: alpha(opacity=80,style=2); left: 695px; width: 175px; position: absolute; top: 415px; height: 183px" src = "http://www.lshdic.com/bbs/image/shajia.jpg" grayscale = "t" coordsize = "21600,21600"></v:image><v:image style="z-index: 1039; filter: alpha(opacity=50,style=2); left: 376px; width: 186px; position: absolute; top: 431px; height: 168px" src = "http://www.lshdic.com/bbs/image/sajia.jpg" grayscale = "t" coordsize = "21600,21600"></v:image>
</body>
</html>

本文关键:VML 图像 滤镜
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top