Question

有人能指出我在这段代码中缺少什么吗？该页面仍然是空白的，尽管它尽可能简单。



<!DOCTYPE html>
<html  xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML</title>
<style>
v\:* { behavior: url(#default#VML);}
o\:* { behavior: url(#default#VML);}
</style>
</head>
<body>
    <v:rect style="width:100;height:100;" fillcolor="blue" strokecolor="red"></v:rect>
</body>
</html>

该代码来自garybeene.com，已在其他SO问题中提出，作为一个很好的参考。

Answer 1

您必须在display:inline-block元素中添加<style>，并在设置宽度和高度时包含CSS单元px。以下修订版代码适用于IE 7：

<!DOCTYPE html>
<html  xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML</title>
<style>
v\:* { behavior: url(#default#VML);display:inline-block}
o\:* { behavior: url(#default#VML);}
</style>
</head>
<body>
    <v:rect style="width:100px;height:100px;" fillcolor="blue" strokecolor="red"></v:rect>
</body>
</html>

可以在http://msdn.microsoft.com/en-us/library/bb263897(v=vs.85).aspx

找到display:inline-block的参考

什么是错误的本规范？简单的VML页面是空白的

1 个答案: