0

Transparent Image over an Iframe Tag

Guys, I want to create a page with HTML, CSS, JS, which will be like a Smartphone emulator, So, all the Touchable areas have been mapped from this website "https://www.image-map.net/" into an HTML file, It is inside the Iframe tag So could you please tell me how can I add a Transparent image of the Phone's skin over the iframe tag. I have a transparent image available. I wanted this "https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjqk9WAr-nkAhXQZCsKHaTKBa4QjRx6BAgBEAQ&url=https%3A%2F%2Fiphone.apkpure.com%2Foptions-pro-screener%2Fcom.mobileinteractive.optionsphone&psig=AOvVaw38DiZ3n2CfKC4Ar1zvCtZ9&ust=1569411308893567" the content inside the Device Dummy should be iframe

24th Sep 2019, 11:37 AM
Saurabh Thakur
Saurabh Thakur - avatar
6 Answers
0
https://code.sololearn.com/Wtdl0JmyA0rE/#html Like this, please show your code here.
30th Sep 2019, 5:48 PM
Jônatas Araripe
Jônatas Araripe - avatar
0
Bro I have added a photo of 360x800 and it shows, landscape portrait is locked
3rd Oct 2019, 4:47 PM
Saurabh Thakur
Saurabh Thakur - avatar
0
Thanks for the reply
3rd Oct 2019, 4:48 PM
Saurabh Thakur
Saurabh Thakur - avatar
0
/** Remove this block of CSS */ @media screen and (orientation: landscape){ .phone{display: none;} .alert{display: block;} }
3rd Oct 2019, 5:30 PM
Jônatas Araripe
Jônatas Araripe - avatar
0
Please show your code!
3rd Oct 2019, 5:31 PM
Jônatas Araripe
Jônatas Araripe - avatar
0
/** Remove this block of HTML also */ <div class="alert"> Landscape orientation is locked. </div>
3rd Oct 2019, 5:33 PM
Jônatas Araripe
Jônatas Araripe - avatar