IE下去掉iframe邊框兼容IE7\IE8\IE6以下
發(fā)布時(shí)間：2014-02-19 17:34:46 作者：佚名 
我要評(píng)論
我要評(píng)論iframe邊框通過css設(shè)定在FF下正常在ie下卻還存在邊框，設(shè)置 frameborder=no border=0可以去掉討厭的iframe邊框
【IE6以下】
iframe邊框通過css設(shè)定在FF下正常在ie下卻還存在邊框，通過在iframe標(biāo)簽內(nèi)部設(shè)置屬性 frameborder="no" border="0" 可以去掉討厭的iframe邊框。
<iframe src="url“ id="iframe" width="0" height="0" frameborder="no" border="0"></iframe>
【IE7\IE8下】
遇到一個(gè)郁悶的問題，ie8,ie7 iframe 的邊框無法去除,試過用腳本和樣式添加frameBorder，border 等屬性都無法去除。
iframe append到頁面之前設(shè)置是有效的， append 之后就沒有方法修改了。如下：
<iframe id="b"></iframe>
<!--<iframe id="b" frameBorder="0"></iframe>-->
<script type="text/javascript">
var ifr = document.createElement('iframe');
ifr.setAttribute('frameBorder', 0); // 用我沒有border
document.body.appendChild(ifr);
//ifr.setAttribute('frameBorder', 0); //用我有border
ifr.style.cssText = 'border: 0 none;';
</script>
<script type="text/javascript">
var div = document.createElement('div');
document.body.appendChild(div);
div.innerHTML = '<iframe id="a"></iframe>'; //用我有border
//div.innerHTML = '<iframe id="a" frameBorder="0"></iframe>'; // 用我沒有border
var ifr = document.getElementById('a');
ifr.setAttribute('frameBorder', 0);
ifr.style.cssText = 'border: 0 none;';
</script>
<script type="text/javascript">
var ifr = document.getElementById('b');
ifr.setAttribute('frameBorder', 0);
ifr.style.cssText = 'border: 0 none;';
</script>
iframe邊框通過css設(shè)定在FF下正常在ie下卻還存在邊框，通過在iframe標(biāo)簽內(nèi)部設(shè)置屬性 frameborder="no" border="0" 可以去掉討厭的iframe邊框。
<iframe src="url“ id="iframe" width="0" height="0" frameborder="no" border="0"></iframe>
【IE7\IE8下】
遇到一個(gè)郁悶的問題，ie8,ie7 iframe 的邊框無法去除,試過用腳本和樣式添加frameBorder，border 等屬性都無法去除。
iframe append到頁面之前設(shè)置是有效的， append 之后就沒有方法修改了。如下：
復(fù)制代碼
代碼如下:<iframe id="b"></iframe>
<!--<iframe id="b" frameBorder="0"></iframe>-->
<script type="text/javascript">
var ifr = document.createElement('iframe');
ifr.setAttribute('frameBorder', 0); // 用我沒有border
document.body.appendChild(ifr);
//ifr.setAttribute('frameBorder', 0); //用我有border
ifr.style.cssText = 'border: 0 none;';
</script>
<script type="text/javascript">
var div = document.createElement('div');
document.body.appendChild(div);
div.innerHTML = '<iframe id="a"></iframe>'; //用我有border
//div.innerHTML = '<iframe id="a" frameBorder="0"></iframe>'; // 用我沒有border
var ifr = document.getElementById('a');
ifr.setAttribute('frameBorder', 0);
ifr.style.cssText = 'border: 0 none;';
</script>
<script type="text/javascript">
var ifr = document.getElementById('b');
ifr.setAttribute('frameBorder', 0);
ifr.style.cssText = 'border: 0 none;';
</script>
相關(guān)文章
兼容IE6的網(wǎng)頁最小最大寬度和最小最大高度css寫法
CSS方法解決IE6最小高度，IE6最小寬度，IE6最大高度，IE6最大寬度，兼容IE6/IE7/IE8/火狐。2014-04-02- ie6對(duì)a:hover子標(biāo)簽的解讀是建立在父標(biāo)簽的hover設(shè)置上的，換句話說如果不設(shè)置任何父標(biāo)簽a:hover{}則ie6就會(huì)停止對(duì)a的子標(biāo)簽hover解讀，也就會(huì)出現(xiàn)ie6下a:hover設(shè)置失效的2014-04-02
IE6浮動(dòng)換行bug比較實(shí)用簡單解決方法
本文為大家介紹下IE6浮動(dòng)換行bug解決辦法之一雖然不是最好的辦法但是 比較實(shí)用簡單的辦法，具體實(shí)現(xiàn)如下2014-03-03- IE6不支持 opacity透明，因此本文為大家介紹下IE6 不支持opacity半透明 BUG的解決方法，具體實(shí)現(xiàn)示例如下2014-03-03
IE6如何查看ActiveX控件是否已經(jīng)安裝以及版本號(hào)信息
ie6+可以直接Internet選項(xiàng)，程序中看到已經(jīng)安裝的控件以及版本號(hào)等信息，而ie6確看到不到控件的具體版本信息，下面有個(gè)不錯(cuò)的方法，大家可以嘗試下2014-01-15如何關(guān)閉win2003系統(tǒng)內(nèi)置的IE6.0的安全警告提示
在win2003系統(tǒng)中也有著一些很麻煩的提示出現(xiàn)，就如win2003系統(tǒng)內(nèi)置的IE6.0的安全設(shè)置中總是會(huì)出現(xiàn)一些安全警告提示，接下來為大家介紹下具體的關(guān)閉方法2013-12-13CSS實(shí)現(xiàn)的div懸浮框并且兼容IE6的樣式
div懸浮框在某些特殊場(chǎng)合還是比較實(shí)用的，下面為大家介紹下使用CSS實(shí)現(xiàn)的并且兼容IE6，示例如下，感興趣的朋友可以練練手2013-12-09經(jīng)典的IE6的高度問題-div默認(rèn)存在3個(gè)像素高
經(jīng)典的IE6的高度問題想必大家都有遇到過吧。div默認(rèn)存在3個(gè)像素高，由font-size引起的，具體的解決方法可以參考下本文2013-11-14國內(nèi)用戶為何仍對(duì)IE6情有獨(dú)鐘7種因素
數(shù)據(jù)顯示，中國已經(jīng)成為IE6的最大保有市場(chǎng)，遙遙領(lǐng)先于其它地區(qū)的份額。那么國內(nèi)用戶為何仍對(duì)IE6情有獨(dú)鐘呢？小編總結(jié)了7點(diǎn)，大家就一起來了解一下吧2014-04-11