如何在IE10上删除iframe边框

时间:2015-10-26 14:43:30

标签: html css wordpress iframe border

我正在制作这个网站:www.comblemine.ch 我在IE 10上有一个蓝色边框,我无法删除,即使使用if (window.document.getElementsByTagName("iframe")) { var iFrameElements = window.document.getElementsByTagName("iframe"); for (var i = 0; i < iFrameElements.length; i++) { iFrameElements[i].frameBorder="0"; // For other browsers. iFrameElements[i].setAttribute("frameBorder", "0"); // For other browsers (just a backup for the above). iFrameElements[i].contentWindow.document.body.style.border="none"; // For IE. } } 和/或像这样的脚本:

z-index

该网站是使用Wordpress制作的,我使用的是Advance_Iframe插件。 我使用netrenderer在IE10上呈现我的网站版本。

在IE上,我无法访问所有子菜单,因为iframe位于其上方,即使在CSS中使用: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"> <head> <meta charset="iso-8859-1"> <title>comblemine</title> </head> <body> <img class="img" src="./img/autres_pages/accueil.png" width="600" alt="" style="display:block ;position:absolute;left:20%;top:0%;" usemap="#Map" id="back" > <div class="txtGauche" id="textGauche" style="display:block ; position:absolute ; left:15% ; top:9%; width:14rem; height: 25rem; color:#fff; background-color: rgba(143, 143, 143, 0.5); z-index:9999 ; padding-top:10px; padding-right:20px; padding-bottom:15px; padding-left:20px; font-family:Frutiger, Helvetica, Arial, sans-serif; font-size: 87%;"> <p> </p> </div> <div class="txtDroit" id="textDroit" style="display:block ; position:absolute ; right:8% ; top:9%; width:14rem; height: 25rem; color:#fff; background-color: rgba(143, 143, 143, 0.5); z-index:9998 ; padding-top:10px; padding-right:20px; padding-bottom:15px; padding-left:20px; font-family:Frutiger, Helvetica, Arial, sans-serif; font-size: 87%;"> <p> </p> </div>

无论如何要删除此边框并更改我的iframe的索引?

iframe的HTML:

<iframe id='iframe' name='iframe'  src='http://www.comblemine.ch/wp-content/themes/padhang_Modif/accueil.php'  width='100%'  height='600'  scrolling='no'  frameBorder=0  border='0'  seamless='seamless'  allowtransparency='true'  onload='jQuery(&quot;#iframe&quot;).css(&quot;visibility&quot;, &quot;visible&quot;);' ></iframe>

主页的HTML(重要部分)

iframe{
    border: 0;
}

我用的CSS:

 <script>

 if (document.getElementById("iframe"))
   {
      var iFrameElements = document.getElementById("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", 0);   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }

 </script>

主页顶部的脚本:

BusProvider

0 个答案:

没有答案