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 Antworten
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
OSZAR »