Iframe behind the Image | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson

Iframe behind the Image

I want to send the iframe behind the smartphone, the iframe is an image which is mapped, Here's the Code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /* The device with borders */ .smartphone { position: relative; width: 360px; height: 760px; margin: auto; border: 16px black solid; border-top-width: 20px; border-bottom-width: 20px; border-radius: 36px; } /* The screen (or content) of the device */ .smartphone .content{ width: 300px; height: 00px; background: white; } </style> </head> <body> <div class="smartphone"> <div class="content" style="position:absolute; top: -9px; left: -10px;"> <iframe width="380" height="780" frameborder="0" src="Reno/index.html"/> </div> </div> </body> </html>

26th Sep 2019, 11:12 AM
Saurabh Thakur
Saurabh Thakur - avatar
1 Answer
+ 1
Since the iframe is an internal link I cannot verify it. Probably by giving the iframe a negative z-index value or increasing the smartphone div value would be what you're looking for.
5th Feb 2020, 10:33 PM
Burdetiu Samuel
Burdetiu Samuel - avatar