<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html xmlns ="http://www.w3.org/1999/xhtml" xmlns:v ="urn:schemas-microsoft-com:vml" >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< head >
< title > VML </ title >
< style type ="text/css" >
/* v\:* { behavior: url(#default#VML);} */
.vml { behavior : url(#default#VML) ; }
img { width : 343px ; height : 257px ; display : block ; }
img.thumb { -ms-interpolation-mode : bicubic ; }
</ style >
</ head >
< body >
VML:
< v:image src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" id ="vmlimg" class ="vml" style ="width:343px;height:257px;display:block" />
Old:
< img src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" />
Bicubic:
< img src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" class ="thumb" />
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" xmlns:v ="urn:schemas-microsoft-com:vml" >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< head >
< title > VML </ title >
< style type ="text/css" >
/* v\:* { behavior: url(#default#VML);} */
.vml { behavior : url(#default#VML) ; }
img { width : 343px ; height : 257px ; display : block ; }
img.thumb { -ms-interpolation-mode : bicubic ; }
</ style >
</ head >
< body >
VML:
< v:image src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" id ="vmlimg" class ="vml" style ="width:343px;height:257px;display:block" />
Old:
< img src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" />
Bicubic:
< img src ="http://img.gtuan.com/upload/g/4/d1/69c/20110413145113207_2553.jpg" name ="img" class ="thumb" />
</ body >
</ html >
细节方面:
1.使用v:image,所以需要 xmlns:v="urn:schemas-microsoft-com:vml";
2.v:image必须指定width和height,且display:block;
3.非IE浏览器不支持;
4.不支持getElementsByName以及getElementsByTagName获取dom,通过ID可以