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

王朝html/css/js·作者佚名  2006-01-08
宽屏版  字体: |||超大  

<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有