IE下去掉iframe邊框兼容IE7\IE8\IE6以下
發(fā)布時間:2014-02-19 17:34:46 作者:佚名
我要評論

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下】
遇到一個郁悶的問題,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下】
遇到一個郁悶的問題,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對a:hover子標(biāo)簽的解讀是建立在父標(biāo)簽的hover設(shè)置上的,換句話說如果不設(shè)置任何父標(biāo)簽a:hover{}則ie6就會停止對a的子標(biāo)簽hover解讀,也就會出現(xiàn)ie6下a:hover設(shè)置失效的2014-04-02
- 本文為大家介紹下IE6浮動換行bug解決辦法之一雖然不是最好的辦法但是 比較實用簡單的辦法,具體實現(xiàn)如下2014-03-03
- IE6不支持 opacity透明,因此本文為大家介紹下IE6 不支持opacity半透明 BUG的解決方法,具體實現(xiàn)示例如下2014-03-03
IE6如何查看ActiveX控件是否已經(jīng)安裝以及版本號信息
ie6+可以直接Internet選項,程序中看到已經(jīng)安裝的控件以及版本號等信息,而ie6確看到不到控件的具體版本信息,下面有個不錯的方法,大家可以嘗試下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è)置中總是會出現(xiàn)一些安全警告提示,接下來為大家介紹下具體的關(guān)閉方法2013-12-13- div懸浮框在某些特殊場合還是比較實用的,下面為大家介紹下使用CSS實現(xiàn)的并且兼容IE6,示例如下,感興趣的朋友可以練練手2013-12-09
經(jīng)典的IE6的高度問題-div默認(rèn)存在3個像素高
經(jīng)典的IE6的高度問題想必大家都有遇到過吧。div默認(rèn)存在3個像素高,由font-size引起的,具體的解決方法可以參考下本文2013-11-14- 數(shù)據(jù)顯示,中國已經(jīng)成為IE6的最大保有市場,遙遙領(lǐng)先于其它地區(qū)的份額。那么國內(nèi)用戶為何仍對IE6情有獨鐘呢?小編總結(jié)了7點,大家就一起來了解一下吧2014-04-11