blocks|key|261607|text|添加frameBorder属性(注意大写的‘B’)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|261608|所以它看起来像这样：|261609|<iframe+frameBorder="0">Browser+not+compatible.</iframe>|code-block|syntax|javascript|261610|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Add the frameBorder attribute (note the capital ‘B’).

So it would look like:

<pre><code>&lt;iframe frameBorder="0"&gt;Browser not compatible.&lt;/iframe&gt;
</code></pre>

blocks|key|261544|text|你试过通过CSS设置它吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|261545|iframe+{
++++border:0px+none+transparent+!important;
}|code-block|syntax|javascript|261546|此外，这些似乎也是有效的-+marginheight="0"+marginwidth="0"+frameborder="0"。摘自this+post+on+the+same+IE+issue。|offset|length|style|CODE|261547|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/2781026/448232^0|0|0|E|1C|1T|U|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Have you tried setting it via CSS?

<pre><code>iframe {
 border:0px none transparent !important;
}
</code></pre>

Also, these seem to work too - <code>marginheight="0" marginwidth="0" frameborder="0"</code>. Taken from <a href="https://stackoverflow.com/a/2781026/448232">this post on the same IE issue</a>.

blocks|key|478266|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478267|<iframe+frameborder="no"+/>|code-block|syntax|javascript|478268|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>&lt;iframe frameborder="no" /&gt;
</code></pre>

blocks|key|478470|text|当涉及到iFRAMES时，我意识到IE8是一个讨厌的东西。“框架边界”在HTML5中已被弃用，因此虽然它是IE8最简单的选择，但这并不是一个长期的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478471|通过将iFRAME放在容器中，我成功地隐藏了边框和滚动条。iFRAME容器本身被放在一个div中，以便在网页上进行整体定位。iFRAME本身是绝对定位的，并将负边距应用于顶部和左侧，以隐藏顶部和左侧边框。绝对定位的iFRAME的宽度和高度应该编码在100%25以上，因此它超过了父大小，以至于右侧和底部边框不可见(滚动条也不可见)。此技术还使iFrame具有响应能力，因为iFRAME容器使用百分比以及容器所在的div。当然，必须将iFRAME父目录设置为overflow:hidden。|478472|下面是一个示例代码：|478473|++++/*THE+PARENT+DIV+FOR+THE+iFRAME+CONTAINER*/
++++.calcontainer
++++++++{
++++++++width:100%25;++/*adjust+iFrame+shrinking+here+-+if+floating+use+percentage+until+no+white+space+around+image.*/+++
++++++++max-width:200px;+++++
++++++++margin:auto;+++++
++++++++}


++++/*THE+RELATIVE+POSITIONED+CONTAINER+FOR+THE+iFRAME*/

++++.calinside++/*container+for+iFRAME+-+contents+will+size+huge+if+the+container+is+not+contained+and+sized*/
++++++++{+++
++++++++position:relative;+/*causes+this+to+be+the+parent+for+the+absolute+iFRAME*/
++++++++padding-bottom:+100%25;+/*+This+is+the+aspect+ratio+width+to+height+ratio*/
++++++++height:+0;
++++++++overflow:hidden;+/*hides+the+parts+of+the+iFRAME+that+overflow+due+to+negative+margins+and+over+100%25+sizing*/+++++
++++++++}


/*THE+ABSOLUTE+POSITIONED+iFRAME+contents+WITH+NEGATIVE+MARGINS+AND+OVER+100%25+SIZE+IS+CODED+HERE.++SEE+THE+NORMAL+SETTINGS+VERSUS+THE+IE8+SETTINGS+AS+MARKED.++A+SEPARATE+CSS+FILE+IS+NEEDED+FOR+IE8+WITH+A+CONDITIONAL+STATEMENT+IN+THE+HEAD+OF+YOUR+HTML+DOCUMENT/WEB+PAGE*/

++++.calinside+iframe
++++++++{
++++++++position:+absolute;
++++++++top:+0;
++++++++left:+0;
++++++++width:+100%25+!important;/*must+expand+to+hide+white+space+to+the+right+and+below.++Hidden+overflow+by+parent+above*/
++++++++height:+103%25+!important;+/*must+expand+to+hide+white+space+to+the+right+and+below.++Hidden+overflow+by+parent+above*/
++++++++/*IE8*/top:+-2%25;
++++++++/*IE8*/left:+-2%25;+++
++++++++/*IE8*/width:+114%25+!important;/*For+IE8+hides+right+border+and+scroll+bar+area+that+is+white*/++
++++++++/*IE8*/height:+105%25+!important;+/*hide+white+space+and+border+below.++Hidden+overflow+by+parent+above*/++++++++++
++++++++}|code-block|syntax|javascript|478474|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I realize IE8 is a nuisance when it comes to iFRAMES. "Frameborder" is deprecated in HTML5 so while it's the easiest option for IE8, this is not a long term solution.

I have successfully hidden borders and scrollbars by placing the iFRAME inside of a container. The iFRAME container itself is placed inside of a div for overall positioning on the web page. The iFRAME itself is absolute positioned and negative margins applied to both top and left in order to hide the top and left borders. Width and height of the absolutely positioned iFRAME should be coded at over 100% so it exceeds the parent size to the point that the right and bottom borders are not visible (also the scrollbars are not visible). This technique also makes the iFrame responsive because the iFRAME container uses percentages as well as the div that holds the container. Of course the iFRAME parent div must be set to overflow:hidden. 

Here is an example code:

<pre><code> /*THE PARENT DIV FOR THE iFRAME CONTAINER*/
 .calcontainer
 {
 width:100%; /*adjust iFrame shrinking here - if floating use percentage until no white space around image.*/ 
 max-width:200px; 
 margin:auto; 
 }


 /*THE RELATIVE POSITIONED CONTAINER FOR THE iFRAME*/

 .calinside /*container for iFRAME - contents will size huge if the container is not contained and sized*/
 { 
 position:relative; /*causes this to be the parent for the absolute iFRAME*/
 padding-bottom: 100%; /* This is the aspect ratio width to height ratio*/
 height: 0;
 overflow:hidden; /*hides the parts of the iFRAME that overflow due to negative margins and over 100% sizing*/ 
 }


/*THE ABSOLUTE POSITIONED iFRAME contents WITH NEGATIVE MARGINS AND OVER 100% SIZE IS CODED HERE. SEE THE NORMAL SETTINGS VERSUS THE IE8 SETTINGS AS MARKED. A SEPARATE CSS FILE IS NEEDED FOR IE8 WITH A CONDITIONAL STATEMENT IN THE HEAD OF YOUR HTML DOCUMENT/WEB PAGE*/

 .calinside iframe
 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;/*must expand to hide white space to the right and below. Hidden overflow by parent above*/
 height: 103% !important; /*must expand to hide white space to the right and below. Hidden overflow by parent above*/
 /*IE8*/top: -2%;
 /*IE8*/left: -2%; 
 /*IE8*/width: 114% !important;/*For IE8 hides right border and scroll bar area that is white*/ 
 /*IE8*/height: 105% !important; /*hide white space and border below. Hidden overflow by parent above*/ 
 }
</code></pre>

blocks|key|478371|text|frameborder可以是1或0，不确定"no“是否是有效值。Coda在编码时提供了有效的值选项，当我对我的iframe执行此操作时，只有1和0可用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|478372|entityMap|0|LINK|mutability|MUTABLE|url|https://panic.com/coda/^0|0|B|E|1|G|1|W|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<code>frameborder</code> can be a <code>1</code> or <code>0</code>, not sure "no" is a valid value. <a href="https://panic.com/coda/" rel="nofollow" title="Coda">Coda</a> provides valid value options while coding and only 1 and 0 are available to use when I do this to my iframe.

I am creating a dialog with an iframe inside, the problem is that the border keeps showing in IE8, this works perfectly in any other browser.

This is what I have tried, I also tried border:none

<pre><code>$(d.dialog).find('#MyCoolDialogInner').html('&lt;iframe src="/apex/EscalationForm?id={!Case.Id}" height="495" width="380" marginheight="0" marginwidth="0" frameborder="0"/&gt;'); 
</code></pre>

Thanks in advance

How to get rid of border for an Iframe in IE8

容器

HTML5

我正在创建一个内部带有iframe的对话框，问题是边框一直显示在IE8中，这在任何其他浏览器中都可以很好地工作。这就是我已经尝试过的，我也尝试过边界:无$(d.dialog).find('#MyCoolDialogInner').html('<iframe src="/apex/EscalationForm?id={!Case.Id}" height="495" width="380" margi

问如何在IE8中去除Iframe的边框
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE8中去除Iframe的边框EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在IE8中去除Iframe的边框
EN