Shape Position Example (VML)

Purpose

This example demonstrates the effect of position on VML shapes and surrounding content.

Example

Beginning of the shape: End.

Code

<!-- Include the VML behavior -->
<style>v\: * { behavior:url(#default#VML); display:inline-block }</style>

<!-- Declare the VML namespace -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />

<div style="position:relative; background-color:#CCCCFF; border-width=0px; height:100px">
Beginning of the shape:
<v:oval style="position:absolute;left:20pt;top:10pt;z-index:-1;width:80pt;height:90pt" fillcolor="red" />
End.
</div>