not "hidden" by dialog modal</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2014-12-31T09:55:19.393" class="fromnow">Dec 31 '14 at 09:55</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2014-12-31T09:56:56.193" datetime="2014-12-31T09:56:56.193">Dec 31 '14 at 09:56</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 126 times"> <span class="fc-light mr2">Viewed</span> 126 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="27719349" data-ownerid="4407972" data-score="0"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="27719349"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>I have a youtube video introduced by <code><iframe></code> tag (I tried by <code><object></code> also, but the results are the same). On the load page, I have a dialog modal also (that it works properly).</p> <p>I don't understand why, only on IE11.0, this video is not "hidden" (meaning inactive, like all other elements of the site, until the window is closed).</p> <p>Is it something special, particularly for IE, that I need to add in css? I tried z-index (only idea which I had), with negative values for this video, but it doesn't work. It is a bug of IE? I have no idea... Thanks in advance.</p> <p>PS. If it is necessary, I can add the css file also (but it's a little big). PS.2. I repeat, for other browsers (Chrome, Firefox, Opera and Safari), this works properly (the video is inactive while the dialog modal is active (not closed). </p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/css" class="post-tag js-gps-track" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/iframe" class="post-tag js-gps-track" title="show questions tagged 'iframe'" rel="tag">iframe</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Dec 31 '14 at 09:56">edited Dec 31 '14 at 09:56</time> <a href="../../users/1901857/rhumborl" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1901857.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rhumborl" /> </a> <div class="s-user-card--info"> <a href="../../users/1901857/rhumborl" class="s-user-card--link">Rhumborl</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">16,349</li> <li class="s-award-bling s-award-blinggold" title="4 gold badges">4</li> <li class="s-award-bling s-award-blingsilver" title="39 silver badges">39</li> <li class="s-award-bling s-award-blingbronze" title="45 bronze badges">45</li> </ul> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 31 '14 at 09:55">asked Dec 31 '14 at 09:55</time> <a href="../../users/4407972/mary" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4407972.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="mary" /> </a> <div class="s-user-card--info"> <a href="../../users/4407972/mary" class="s-user-card--link">mary</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">21</li> <li class="s-award-bling s-award-blingbronze" title="1 bronze badges">1</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-27719349" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="27719349" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-43854071" class="comment js-comment " data-comment-id="43854071" data-comment-owner-id="4336685" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment43854071_27719349"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">By inactive you mean below the dialog?</span> – <a href="../../users/4336685/roumelis-george" title="6,602 reputation" class="comment-user ">Roumelis George</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/27719349/iframe-not-hidden-by-dialog-modal#comment43854071_27719349"><span title="2014-12-31T12:33:06.847 License: CC BY-SA 3.0" class="relativetime-clean">Dec 31 '14 at 12:33</span></a></span> </div> </div> </li> <li id="comment-43862309" class="comment js-comment " data-comment-id="43862309" data-comment-owner-id="4407972" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment43862309_27719349"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Yes, in deed. All others elements (text links, photo links, menu bar) are below the dialog, except this video. It's happened only on IE.</span> – <a href="../../users/4407972/mary" title="21 reputation" class="comment-user owner">mary</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/27719349/iframe-not-hidden-by-dialog-modal#comment43862309_27719349"><span title="2014-12-31T18:46:49.293 License: CC BY-SA 3.0" class="relativetime-clean">Dec 31 '14 at 18:46</span></a></span> </div> </div> </li> <li id="comment-43862919" class="comment js-comment " data-comment-id="43862919" data-comment-owner-id="4336685" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment43862919_27719349"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Try to add ?wmode=opaque to the source of your video like it is suggested here: http://stackoverflow.com/questions/7016680/how-to-show-a-div-over-a-youtube-video-z-index</span> – <a href="../../users/4336685/roumelis-george" title="6,602 reputation" class="comment-user ">Roumelis George</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/27719349/iframe-not-hidden-by-dialog-modal#comment43862919_27719349"><span title="2014-12-31T19:17:47.883 License: CC BY-SA 3.0" class="relativetime-clean">Dec 31 '14 at 19:17</span></a></span> </div> </div> </li> <li id="comment-43878181" class="comment js-comment " data-comment-id="43878181" data-comment-owner-id="4407972" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment43878181_27719349"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">After rel=0 (I already had this) I added this &modestbranding=1&wmode=opaque" and now this work properly for all major browsers, included IE11.0. So, this is worked for me.Thanks a lot and Happy New Year 2015! to all members of this community.</span> – <a href="../../users/4407972/mary" title="21 reputation" class="comment-user owner">mary</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/27719349/iframe-not-hidden-by-dialog-modal#comment43878181_27719349"><span title="2015-01-01T18:19:20.293 License: CC BY-SA 3.0" class="relativetime-clean">Jan 01 '15 at 18:19</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">0 Answers<span style="display:none;" itemprop="answerCount">0</span></h2> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>