是否可以将一个VML圆形嵌套在另一个中?

时间:2010-03-21 21:02:51

标签: nested vml

例如:

<v:roundrect style="display:block;width:100px;height:100px;" fillcolor="#eee">
Hi
    <v:roundrect style="display:block;width:50px;height:50px;" fillcolor="#c00">
        Hey
    </v:roundrect>
</v:roundrect>

当我使用这个标记时,我看不到内圆的背景。

有什么想法吗?

1 个答案:

答案 0 :(得分:5)

没有VML形状可以互相嵌套。您需要定位它们以使它们正确重叠。

<div style="position:relative;">
  <v:roundrect style="display:block;width:100px;height:100px;" fillcolor="#eee">
    Hi 
  </v:roundrect> 
  <v:roundrect style="display:block;width:50px;height:50px; top: 25px; left:25px;  position:absolute;" fillcolor="#c00"> 
    Hey 
  </v:roundrect>
</div>