iframe opacity exercise

by Masahiko Sakamoto

HTML

<iframe id="fgframe" src="//www.example.com"></iframe>
<div id="bgpanel">
    <form>
        <input type="button" value="I Like It!"/>
    </form>
</div>

CSS

iframe#fgframe {
    opacity: 0.1;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 200px;
    height: 200px;
    z-index: 2;
}

#bgpanel input {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 200px;
    height: 200px;
    z-index: 1;
}