Geek Answers Handbook

How to force unload popup over iframe in IE10

I have a simple test that I run in Bootstrap and find a problem that only occurs in IE10.

If you have a drop-down list and an iframe below it, the drop-down menu when clicked is aligned below the iframe. I have an example here

I tried z-index in a million different ways. I tested in all browsers, and only IE10 seems to be the problem.

while I know that IE10 is not yet on a Windows machine, its coming and I don’t want the menus to not work ... any ideas?

+6
source share
3 answers

Found the answer here: this is not the best solution, but it works.

z-index does not work in Internet Explorer with pdf in iframe

+3
source

As indicated here . It may be worth it.

$(document).ready(function () { $('iframe').each(function(){ var url = $(this).attr("src"); $(this).attr("src",url+"?wmode=transparent"); }); });

Also, I think you need to add style = "position: relative;" to iframe to achieve z-index.

+2
source

Try it ... It worked for me. Check your situation.

Bootstrap 3 navbar on pages containing iframes

It is proposed to use the "full close operator".

 <iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>
0
source

More articles:


All Articles