解决VML遭遇IE8和XHTML DOCTYPE时不能运行的问题（转）
原文网址：http://blog.csdn.net/cuixiping/article/details/4227283
以下代码在IE运行正常
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
< html xmlns:v="urn:schemas-microsoft-com:vml">
< head><title>VML</title>
< style> v/:* { behavior: url(#default#VML); } </style>
< /head>
< body>
< v:rect id=myrect filled="false" stroked="false" rotation="45"
style="position:relative;width:165px;height:55px;border:none;rotation:45;">
<v:imagedata src="http://www.csdn.net/Images/logo_csdn.gif"/>
< /v:rect>
< /body>
< /html>
如果将DOCTYPE换成XHTML的（如下）则不能运行：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
< head><title>VML</title>
< style> v/:* { behavior: url(#default#VML); } </style>
< /head>
< body>
< v:rect id=myrect filled="false" stroked="false" rotation="45"
style="position:relative;width:165px;height:55px;border:none;rotation:45;">
<v:imagedata src="http://www.csdn.net/Images/logo_csdn.gif"/>
< /v:rect>
< /body>
< /html>
经多方查证，得知故障原因为XHTML环境下v/:*在样式表语法中是非法的，因而被IE8忽略而导致无法渲染VML（说明：IE7下的XHTML仍然能够识别v/:*），而如下代码则可以正确渲染VML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
< head><title>VML</title>
< ?import namespace="v" implementation="#default#VML" ?>
< style> v/:rect,v/:rect,v/:imagedata { display:inline-block } </style>
< /head>
< body>
< v:rect id=myrect filled="false" stroked="false" rotation="45"
style="position:relative;width:165px;height:55px;border:none;rotation:45;">
<v:imagedata src="http://www.csdn.net/Images/logo_csdn.gif"/>
< /v:rect>
< /body>
< /html>
秘诀就是：
<?import namespace="v" implementation="#default#VML" ?>
< style> v/:rect,v/:rect,v/:imagedata { display:inline-block } </style>
（1）通过import来引入命名空间
（2）将所有用到的vml元素分开写入样式{ display:inline-block }
参考网址：
https://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=333905
最新文章
- leetcode bugfree note
- Java面试宝典答案详解与感悟（第二天）
- 53. Android常用工具类
- stream_copy_to_stream的使用
- arcgis 栅格计算器（Spatial Analyst/Raster Calculator）
- ASP.NET验证控件一
- sql, plsql 总结
- 无责任Windows Azure SDK .NET开发入门篇一[Windows Azure开发前准备工作]
- Python print语句
- 【Noip2017游记】
- ●BZOJ 4310 跳蚤
- Python WMI获取Windows系统信息
- bottle模板中的替换
- 移动端常用UI框架
- 【392】Python 列表解析
- ext与xfs文件系统比较与总结
- h5游戏引擎有哪些
- 【java】类的初识
- 学习QT——GUI的基础用法(2)
- bzoj千题计划265：bzoj4873: [六省联考2017]寿司餐厅