IE下去掉iframe边框兼容IE7\IE8\IE6以下
发布时间：2014-02-19 17:34:46 作者：佚名 
我要评论
我要评论iframe边框通过css设定在FF下正常在ie下却还存在边框，设置 frameborder=no border=0可以去掉讨厌的iframe边框
【IE6以下】
iframe边框通过css设定在FF下正常在ie下却还存在边框，通过在iframe标签内部设置属性 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到页面之前设置是有效的， 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设定在FF下正常在ie下却还存在边框，通过在iframe标签内部设置属性 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到页面之前设置是有效的， 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>
相关文章
- CSS方法解决IE6最小高度，IE6最小宽度，IE6最大高度，IE6最大宽度，兼容IE6/IE7/IE8/火狐。2014-04-02
- ie6对a:hover子标签的解读是建立在父标签的hover设置上的，换句话说如果不设置任何父标签a:hover{}则ie6就会停止对a的子标签hover解读，也就会出现ie6下a:hover设置失效的2014-04-02
- 本文为大家介绍下IE6浮动换行bug解决办法之一虽然不是最好的办法但是 比较实用简单的办法，具体实现如下2014-03-03
- IE6不支持 opacity透明，因此本文为大家介绍下IE6 不支持opacity半透明 BUG的解决方法，具体实现示例如下2014-03-03
- ie6+可以直接Internet选项，程序中看到已经安装的控件以及版本号等信息，而ie6确看到不到控件的具体版本信息，下面有个不错的方法，大家可以尝试下2014-01-15
- 在win2003系统中也有着一些很麻烦的提示出现，就如win2003系统内置的IE6.0的安全设置中总是会出现一些安全警告提示，接下来为大家介绍下具体的关闭方法2013-12-13
- div悬浮框在某些特殊场合还是比较实用的，下面为大家介绍下使用CSS实现的并且兼容IE6，示例如下，感兴趣的朋友可以练练手2013-12-09
- 经典的IE6的高度问题想必大家都有遇到过吧。div默认存在3个像素高，由font-size引起的，具体的解决方法可以参考下本文2013-11-14
- 数据显示，中国已经成为IE6的最大保有市场，遥遥领先于其它地区的份额。那么国内用户为何仍对IE6情有独钟呢？小编总结了7点，大家就一起来了解一下吧2014-04-11
最新评论