group要素のCSSのz-index属性のサンプル

group要素のCSSのz-index属性のサンプル

指定なし

<v:group  style="width:100; height:100;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

30を指定

<v:group  style="width:100; height:100; z-index:30;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

100を指定

<v:group  style="width:100; height:100; z-index:100;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

200を指定

<v:group  style="width:100; height:100; z-index:200;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

-30を指定

<v:group  style="width:100; height:100; z-index:-30;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>

0を指定

<v:group  style="width:100; height:100; z-index:0;">
<v:rect style="width:2000; height:1000;" />
<v:curve from="0,0" control1="0,1000;" control2="1000,1000;" to="2000,0" />
</v:group>