Raphael15 (z-index)

Raphael de SVG ! vol15

by nekosmash

HTML

<div id="canvas">
    <div class="text">
    test do it !!
    </div>
</div>

CSS

body,html
{
    height:100%;
    margin:0;
}

#canvas 
{
    height:99%;
    background:#fff;
    text-align:center;
    padding-top:180px
}

.text{
    color:#09C;
    font-size:150%;
    width:60%;
    height:60%;
    background:#EEF;
    position:absolute;
    left:20%;
    top:20%;
    z-index:1;
}

JavaScript

window.onload = function () {
    
    var paper = Raphael(0, 0, "100%", "100%");
    paper.rect("10%","10%","30%","30%")
    
};