<html xmlns:v>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
v/:*{behavior:url(#default#VML);}
body,td,th {
font-size: 10pt;
}
-->
</style>
</head>
<body>
<div align="center" style="font-size:30px"><strong>模拟投资试算比较分析</strong>
</div>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td colspan="4" bgcolor="#B2CDFF"><p><strong>试算过程说明 </strong></p>
<p>※ 基金的历史净值水平是包含了分红再投资的收益； </p>
<p>※ 如果选择日期为非工作日，则选取下一工作日的净值进行测算； </p>
<p>※ 投资净收益＝投资总收益－投资总成本 </p>
<p>※ 投资回报率＝投资净收益/投资总成本； </p>
<p>※ 年化投资回报率是按照复利方式计算的。 </p></td>
</tr>
<tr>
<td colspan="4" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="12" colspan="4" bgcolor="#4F81BD"><strong style="color:#FFFFFF">投资基金：博时价值增长基金（前端：050001）</strong></td>
</tr>
<tr>
<td height="5" colspan="4" bgcolor="#95B3D7"><strong style="color:#FFFFFF">投资时间段：2007年1月1日 至 2008年12月23日</strong></td>
</tr>
<tr>
<td height="0" bgcolor="#FFFFFF"><div align="right">投资方式</div><div>收益情况</div>
<v:group style="width:100%; height:32px; position:absolute; top: 309px;" coordsize="100,100">
<v:line strokecolor="black" from="0,0" to="100,100"></v:line>
</v:group>
</td>
<td bgcolor="#FFFFFF">一次性投资</td>
<td bgcolor="#FFFFFF">定期定额投资</td>
<td height="-2" bgcolor="#FFFFFF">定期不定额投资</td>
</tr>
<tr>
<td height="1" bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td height="-1" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="3" bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td height="-1" bgcolor="#FFFFFF"> </td>
</tr>
</table>
</body>
</html>
解析：
1. xmlns 全称就是XML NameSpace 也就是命名空间。
2. Behavior(行为)也是IE5.0新推出的东西，它的功能非常强大，结合样式表，可以给任何HTML对象增加行为（新的属性、方法、事件），而在这里，它的用处是把命名空间“v”和系统预定义的行为VML连接。这样定义以后，你就可以使用下面的标记了，和普通的HTML标记有所区别，每个标记都增加了一个命名空间。
3. position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。Object.style.position=static|relative|absolute|fixed
可能的值
| 值 | 描述 |
|---|---|
| static | 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。 |
| relative | 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。 |
| absolute | 位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。 |
| fixed | 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。 |
其原理是引进vml进行画图，下面一些vml例子
注：其中所有的left:top:都是针对图左上角的，比如圆，他的左上角应该是以圆为中心的矩形的左上角
1.line(直线)
a.示例：
Html代码
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>创建一条从(0,0)到(200,200)的红色的边框为2px的直线</title>
<style>
v/:* { behavior: url(#default#VML);}
</style>
</head>
<body>
<v:line strokecolor="red" strokeweight="2" style="z-index:5;position:absolute;left
最低0.47元/天 解锁文章
717
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
