nested - ある VML ラウンドレクトを別のラウンドレクト内にネストすることは可能ですか?

Question

例えば：

<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>

このマークアップを使用すると、内側の roundrect の背景が見えません。

何か案は？

Answer 1

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>