JSFiddle - React, Tailwind, and code Playground

by audetwebdesign

HTML

<div class="wrap">
<iframe src="http://samplepdf.com/sample.pdf"></iframe>
<div class="overlay"></div>
</div>

CSS

div.wrap {
    outline: 2px dashed lightgray;
    position: relative;
}
iframe {
    width: 200px;
    height: 200px;
    border: 10px solid #000;
    position: relative;
}
div.overlay {
    width:200px;
    height:50px;
    border:1px solid #000;
    background:red;
    position:absolute;
    top:60px;
    left:60px;
    z-index: 1000000;
}