`
砺雪凝霜
  • 浏览: 156984 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决IE下iframe页面颜色和父页面颜色不一样的bug

阅读更多

      公司做项目时碰到一个很棘手的问题,在IE下iframe页面和父页面的背景颜色不一样,css根本不起作用,弄了半天,最后在网上终于找到了解决方案。原来在IE下Iframe的背景色不是透明的,所以Iframe会

出现是白色的情况。

解决方案:

     第一步:在iframe中添加 allowtransparency="true"属性(只添加allowtransparency也行)

 

     第二步:在iframe嵌套的HTML页面的body中添加设置CSS样式:body{background-color:transparent;}

分享到:
评论

相关推荐

    解决在iframe页面里使用了DD_belatedPNG后显示空白的bug

    1. **跨域限制**:由于同源策略,`iframe`加载的页面如果与父页面不在同一域名下,可能会受到安全限制,导致JavaScript无法正确执行,从而影响到`DD_belatedPNG`的运行。 2. **CSS样式问题**:`iframe`内的CSS样式...

    通过伪协议解决父页面与iframe页面通信的问题

    在某些情况下,开发者可能需要在父页面中设置`document.domain`属性,例如当父页面和子页面(iframe)属于同一顶级域名但二级域名不同时,设置`document.domain`可以使它们视为同源。然而,当父页面显式设置了`...

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    在IE6浏览器中,由于其自身的布局和渲染机制存在一些bug,导致在实现多级下拉菜单时,可能会出现下拉菜单被页面中的`<select>`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题,尤其是在需要兼容旧...

    CSS浏览器兼容和IE中bug问题

    不同浏览器(如IE、Chrome、Firefox等)对CSS的支持程度和解释方式存在差异,这可能导致页面在不同浏览器下呈现的效果不一致。特别是对于IE这类较为老旧的浏览器,由于其特殊的解析规则,往往会给前端开发者带来不少...

    js中iframe调用父页面的方法

    方法()`进行方法调用时,需要确保iframe和父页面同源,否则会因浏览器的同源策略而引发安全错误。此外,在一些特定的浏览器环境下(比如文章中提到的Chrome),可能会遇到`window.parent`不生效的问题。这可能是由于...

    Jquery 解决IE6 Select 框总是在图层(div)的上面显示的BUG

    确保正确引用和执行这些代码,就可以在IE6下成功地解决Select框覆盖其他图层的问题。 总的来说,尽管IE6的这种行为给开发者带来了困扰,但通过巧妙利用jQuery和iframe,我们仍然能够有效地解决这一问题。不过,随着...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ie6 select无法被div遮盖的bug解决方法

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这...随着IE6的使用率逐渐降低,这种特定的bug解决方法也变得越来越不常见,但在维护旧项目或支持旧浏览器时,了解这样的技巧仍然是必要的。

    IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

    IE6作为一款老版本的浏览器,因其独特的渲染机制和众多已知的bug,常常会给开发者带来困扰。标题和描述中提到的问题,即"IE6弹出Iframe层中的文本框‘经常’无法获得输入焦点",就是一个典型的例子。 这个问题的...

    javascript之可拖动的iframe效果代码

    3. **兼容性处理**:针对不同的浏览器,如IE、Netscape、Mozilla等进行特定的兼容性处理和bug修复。 4. **样式缓存**:为了避免在移动过程中重复查找DOM元素,提升性能,会缓存iframe对象的引用。 5. **拖动句柄...

    IE6下js通过css隐藏select的一个bug

    标题中提到的知识点是“IE6下js通过css隐藏***t的一个bug”,这意味着在IE6这款古老的浏览器中,开发者可能会遇到使用JavaScript结合CSS去隐藏***t元素时出现的兼容性问题。在现代的Web开发中,使用display:none;...

    iframe的src设置为about:blank之后细节探讨

    这是 IE6 的一个已知 Bug,开发者需要特别注意这个问题,特别是在需要频繁创建和销毁 `iframe` 的场景下。 4. **删除 `iframe`**:除了清空内容,如果不再需要 `iframe`,可以通过 `document.body.removeChild(el)`...

    DotNetTextBox所见即所得编辑器控件 v3.3.1

    2) 修正Default界面下插入自定义表情脚本出错的BUG。 3) 修正了当选择了一个编辑对象的时候再插入表情图标会出现脚本错误的BUG。 4) 改进了转换相对及绝对路径的算法,此算法除了修正了上一版本无法正确...

    400个DreamWeaver插件

    mxp/使一个多行的表格行和行之间颜色交替,像斑马线一样。2.0版本 mxp/可以倒出-倒入站点信息,方便其他开发者 mxp/插入e-Vue MPEG-4格式的文件 mxp/Mycomputer.com提供的一套Banner交换系统,使用起来需要注册,...

    BAT,WEB前段面试宝典

    解决方法包括但不限于:双边距BUG可以通过display属性解决,PNG透明问题可以使用JavaScript代码更改,min-height可以通过添加important声明解决,以及select在IE6下遮盖问题可以通过iframe嵌套解决。 doctype声明的...

    2016前端面试题及答案.pdf

    10. **IE6常见bug的解决方法**:双边距bug通过display属性解决,3像素问题使用display:inline,超链接hover失效需调整顺序,z-index问题给父级设置position,PNG透明问题用js,min-height使用!important,select遮盖...

    070823更新的一个[消息提示框]组件 兼容ie7

    - **页面元素操作控制**:弹出消息框时,会自动屏蔽页面其他元素的交互,包括隐藏Select和Iframe下的Select,并对Iframe等元素进行遮罩处理。在消息框关闭后,会恢复页面元素的原始状态。 - **键盘事件处理**:消息...

    前端面试题大集合

    - Select在IE6下的遮盖问题:使用iframe嵌套。 - 宽度容器问题:使用`overflow: hidden`。 - **解决方法**:针对不同问题采取相应的解决方案。 #### 九、HTML的语义化 - **语义化**:使用合适的HTML标签来描述...

    CSS网页布局参考.docx编程资料

    Fancybox是一款基于jQuery的弹出层插件,支持多种弹出层效果,包括但不限于加载DIV、图片、图片集、Ajax数据、SWF影片、iframe页面等。 #### 特性 - 支持键盘方向键和ESC键控制。 - 丰富的参数设置和方法调用。 - ...

Global site tag (gtag.js) - Google Analytics