Search code examples
windowsinternet-exploreriframewindows-8windows-8.1

Using iframe in windows 8 Internet Explorer

I am using an iframe, but for some reason in windows 8 and 8.1 it is not working properly.

I tested with Browserstack and it is working fine in most all browsers, but in Windows 8 and 8.1 using Internet Explorer, nothing inside the iframe is clickable. I read that there's a webview element alternative for Windows 8, but I believe that only concerns Windows apps, not websites.

The strange thing is when opening the IE developer tools and clicking the inspect element button on the iframe, it all of a sudden works.

works with ie inspect element developer tools

I saw a somewhat situation issue here. It seems like it must be some sort of css positioning issue, but I'm not sure.

I also tested the iframe url directly in windows 8 and it works fine when doing that.

So to recap this occurs in only Windows 8 and Windows 8.1 and only in Internet Explorer. Firefox, opera, and chrome all were fine.

Thanks for any help here! I thought my days of dealing with IE issues were over for the most part after they decided end support for legacy browsers, but I guess I was wrong!

By the way the website is http://lonesomehighwaymusic.com

Solution

  • I think I've found the issue. It's in the CSS. https://u.bandpagecdn.net/rootmusic-static/css/widgets/show.Montserrat.1459446234.122.css

    .scroll-container {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
}

    Just remove it!