JSFiddle - React, Tailwind, and code Playground

by hmdadou

HTML

<div>
    <iframe src="http://digitalmosque.org/mayfair">
        You don't have iframe support, unfortunately
    </iframe>
    <div id="over">I'm over the iframe</div>
</div>

CSS

#over{
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    background-color: rgba(5,5,5,0.5);
    height: 100%;
    width:100%;
    position: absolute;
    z-index: 2;
    color:#fff;
}

iframe {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}