IE下去掉iframe边框兼容IE7\IE8\IE6以下

 【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>

【IE7IE8下】
遇到一个郁闷的问题,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> 

时间: 2024-11-22 17:51:27

IE下去掉iframe边框兼容IE7\IE8\IE6以下的相关文章

去除链接元素的虚线框(兼容IE7、IE6、FF)

DIVCSS实例教程:去除链接元素的虚线框(兼容IE7.IE6.FF)-浏览器兼容教程 Web的发展非常迅速,UI设计也越来越美观,漂亮.同时也给WEB前端编码提出了新的要求.链接元素在点击时会出现虚线框,由于种种原因,您的主管可能要求你想办法将链接虚线边框出除. 我们采用htc文件的办法来解决这个问题.首页将以下代码保存为link.htc文件.   <public:attach event="onfocus" onevent="hscfsy()"/>

【发布园子模板--透明模板】淡蓝雨伞 兼容IE7 IE8 IE9 FF IE6放弃……

     注:这段CSS是基于LovelslntheAir风格改的模板编号(107),要使用的时候先把模板换成这个,然后再加代码,要不然应该不能用吧,如果此贴的内容侵犯了原作者,请信箱告诉我,我会马上删除!    将下面的代码插入到后台的"通过CSS定制页面风格"的文本框里,点击保存就OK了,只做了首页,改了一点点东西,等有时间的话再继续搞吧--   Mail:dz032rrq@qq.com     body{    background: url("https://yqfi

js获取浏览器高度和宽度值(兼容ie7 ff ie6多浏览器)

代码如下 function calc_scroll_xy() {     _browser_scroll_x = 0;     _browser_scroll_y = 0;     if( typeof( window.pageyoffset ) == 'number' )     {         //netscape compliant         _browser_scroll_y = window.pageyoffset;         _browser_scroll_x = w

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

本文将为大家详细介绍下下拉菜单select样式如何设置才能够兼容IE6/IE7/IE8/火狐等主流浏览器,具体的实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助     复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

让css兼容IE7和IE8

随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注. CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注. 今天向大家介绍如何解决IE7和IE8的兼容性问题. 微软在IE8提供三种解析页面的模式 IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定 IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在<he

ie 8-css3 transform rotate 在ie7,ie8里兼容

问题描述 css3 transform rotate 在ie7,ie8里兼容 怎么能让css3 transform rotate 在ie7,ie8里兼容? 网上说的ie_css3.htc 不是特别懂她的使用方法呢? 解决方案 css3中的一个标签属性,低版本的IE不支持.建议用Google Chrome和Firefox. 解决方案二: css3在ie7,8下不支持,要实现得用css滤镜实现,这样往往代码复杂.不过用css3一般不考虑兼容ie7,8

js 上传图片预览效果(兼容IE6,IE7,IE8和Firefox)

图片上传预览,就是在使用文件选择框选择了文件之后就可以在页面上看见图片的效果,关 于这个效果我一直认为是无法做到的,今天用alphaimageloader滤镜的src属就是其中的主角 它将使用绝对或相对url地址指定背景图像.假如忽略此参数,滤镜将不会作用. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-tran

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题_jquery

本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题:分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文. var resizeTimer = null; $(window).resize(function() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout("alert('mm')",

兼容ie6,ie7,ie8,firefox左下角浮动广告代码

提示:您可以先修改部分代码再运行 兼容ie6,ie7,ie8,firefox左下角浮动广告代码 子鼠测试. //这一行写了这个DIV是绝对定位,最好再加一下z-index:边框为1px的实线黑色边:距右边有0PX; ID=AD: 提示:您可以先修改部分代码再运行