标签： 图片

IE6,IE7下图片缩放失真解决方法

由Goofy发布在Html、UI相关、前端开发在 IE6,IE7下图片缩放失真解决方法上留下评论
  1. 通过加载微软urn:schemas-microsoft-com:vml命名空间中的VML技术来实现失真的处理，看下面代码。
  2. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  3. <!–[if IE 6]>
  4. <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:v=”urn:schemas-microsoft-com:vml”>
  5. <![endif]–>
  6. <htmlxmlns=”http://www.w3.org/1999/xhtml”>
  7. <metahttp-equiv=”Content-Type”content=”text/html; charset=utf-8″/>
  8. <head>
  9. <title>VML</title>
  10. <!–[if IE 6]>
  11. <style type=”text/css”>
  12. .vml{ behavior: url(#default#VML);}
  13. .iefix {display:none!important;}
  14. </style>
  15. <![endif]–>
  16. <styletype=”text/css”>
  17. img.iefix {-ms-interpolation-mode: bicubic;}
  18. </style>
  19. </head>
  20. <body>
  21. <!–[if IE 6]>
  22. <v:image src=”1.jpg” class=”vml” style=”width:500px;height:400px;display:block” />
  23. <![endif]–>
  24. <imgsrc=”1.jpg”class=”iefix”style=”width:500px;height:400px;display:block”/>
  25. </body>
  26. </html>