当前位置:  编程技术>WEB前端

iframe背景透明的设置方法

    来源: 互联网  发布时间:2014-10-07

    本文导语:  IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。 2.在 iframe 内容源文档,background-color 或 body 元素的 bgColor 标签...

IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。
1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。
2.在 iframe 内容源文档,background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent

代码如下:



当然前提是iframe页面中没有设置颜色.
在上面我们主要是看到了style中的一句代码 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:
代码如下:





 

现在我们来看一个实例
本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。
allowTransparency设置或获取对象是否可为透明。
bgColor 设置或获取对象的背景颜色

父页面

代码如下:




父页面





 

子页面

代码如下:




子页面

body
{
    background-color: transparent;
}





 

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 巧妙的最大化动态载入IFrame的方法
  • jquery、js调用iframe父窗口与子窗口元素的方法整理
  • jQuery在iframe中无法弹出对话框的解决方法
  • 在iframe中隐藏横向滚动条的方法大全
  • div层跨越iframe帧显示在上面的解决方法附代码
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jQuery 计算iframe 窗口大小的方法
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • 用iframe margin实现调用其他网页的某一区域的方法
  • Firefox返回时Iframe的显示Bug的解决方法
  • PHP、Nginx、Apache中禁止网页被iframe引用的方法
  • js调用iframe实现打印页面内容的方法
  • Jquery操作iframe的方法汇总
  • Jsp中解决session过期跳转到登陆页面并跳出iframe框架的方法
  • jquery iframe操作的方法分享
  • iframe自适应高度的多种方法方法小结
  • jquery 操作iframe的几种方法总结
  • jquery 操作iframe的几种方法(实例代码)
  • HTML <iframe> 标签
  • iframe的使用问题?
  • iframe的使用用法
  • [转]目前找到的最好的Iframe自适应高度代码
  • jQuery怎么判断iframe中元素是否存在
  • Jquery更换主题同时刷新iframe页面的代码举例
  • Jquery实现iframe高度自适应的代码
  • jquery刷新aspx中iframe的src的代码
  • 教你用jquery实现iframe自适应高度
  • javascript原生和jquery库实现iframe自适应高度和宽度
  • Juery结合iframe实现无刷新上传图片的代码
  • Iframe自适应高度兼容ie,firefox多浏览器
  • jsp页面iframe高度自适应的js代码


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3