iframe背景透明设置方法

转载于 2019-09-17 23:14:51 发布 · 412 阅读

CC 4.0 BY-SA版权

原文链接：https://www.mk2048.com/blog/blog.php?id=10kchc21j&title=iframe%E8%83%8C%E6%99%AF%E9%80%8F%E6%98%8E%E8%AE%BE%E7%BD%AE%E6%96%B9%E6%B3%95

文章标签：

#html/css

前端专栏收录该内容

493 篇文章

订阅专栏

本文介绍了解决Internet Explorer浏览器下iframe背景色不透明的问题，通过设置allowtransparency属性为true实现背景透明效果。

iframe的背景颜色在IE下为window的当前窗口颜色（默认白色，可以在显示外观处对其进行设置），这导致在大幅背景上插入iframe时，需要给它“透底”，可是IE不支持对iframe设置背景色，那怎么办呢？

解决办法是在iframe中设置：

allowtransparency=”true”

如下：

<iframe width="100%" height="200" src="demo.html" allowTransparency="true" frameBorder="0" scrolling="no"></iframe>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端独秀

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML iframe设置背景透明

04-26

NULL 博文链接：https://onestopweb.iteye.com/blog/2356319

iframe背景透明的设置方法

10-26

总结来说，要实现iframe背景透明，需要设置iframe的allowTransparency属性为true，并且在iframe内容的源文档中将背景颜色设置为透明。需要记住的是，即使进行了上述设置，如果iframe中的内容有明确的背景色设置，...

参与评论您还未登录，请先登录后发表或查看评论

如何实现Iframe透明

weixin_30414305的博客

05-30

167

代码如下： a.html如下： <HTML><HEAD><TITLE></TITLE> < http-equiv=Content-Type content="text/html; charset=utf-8"> </HEAD> <BODY style="BACKGROUND-COLOR: transparent"...

iframe透明设置

ritcher的专栏

05-06

1795

除了IE之外的其他浏览器，默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么，如何让IE下的IFrame也能透明呢？1.我们就需要用到一个特殊的特性了： allowtransparency="true" eg. <iframe id="1" frameborder="0" scrolling="no" width="780" height="55" src=&q

透明的iframe

weixin_30577801的博客

07-11

216

<iframe allowtransparency="true" src="about: " onload="style.display = 'block';"> 只要是两个属性： 1） allowtransparency="true" 2） src="about: " 或iframe 的风页设置成在IE下可能正常工作，firefox,opera没有试过转载于...

如何让iframe透明

lingxyd 的专栏

11-07

2760

如何让iframe透明？？？？？ (2008-05-22 22:33:52) var $tag=iframe,背景,父框架,透明,网页,it; var $tag_code=9ce65a66ca8145e108b179a0670f78b3; 标签：iframe 背景父框架透明网页 i

iframe transparent透明背景方法

10-30

在本篇文档中，提到的“iframe transparent透明背景方法”是指利用HTML和CSS的特性来实现iframe背景透明的效果。传统上，设置透明背景通常需要在iframe内嵌页面的body部分手动设置样式属性，例如`background-color: ...

iframe框架在IE浏览器下将白色背景设为透明色

09-28

在网页开发中，`iframe`（Inline Frame）是一种嵌入式框架元素，它允许在一个HTML文档...在实际开发中，为了确保兼容性，建议使用CSS来统一处理背景透明，并考虑使用条件注释或JavaScript进行浏览器特定的兼容性修复。

实现iframe透明背景的技术方法与效果展示

通过CSS和JavaScript的结合使用，虽然不能直接使iframe背景透明，但可以在视觉上模拟出透明效果。在设计时要注意响应式和兼容性问题，并在实现过程中考虑安全性与性能问题。随着Web技术的发展，未来的HTML和CSS标准...

设置Iframe透明

nevEr leAve

04-08

1111

设置Iframe透明　　Iframe还有一个更大的好处，就是可以设置框架透明，具体操作步骤如下：　　（1）在a.html里调用b.html,　　（2）在浏览器中浏览该页文件，发现在插入Iframe的区域将原来单元格的背景覆盖了，这不是想要的效果。　　（3）打开b.htm页面，切换到代码视图，在标记中插入代码如下：（4）将a.html页

原来IFrame也可以透明

凤凰涅磐，做不老的程序员

01-25

184

在编写页面的时候，用iframe可以方便编程。但有时候希望iframe能够和主页面融为一体，达到统一的背景效果。现在才知道，原来iframe也可以透明。只要在iframe中引用的页面里面有如下代码：<HEAD><STYLE TYPE="text/css"> body{background-color:transparent}</STYLE></HEAD&g...

iframe透明无边框

郭晓湉

06-29

680

设置iframe背景透明

maseccc的专栏

10-12

894

通常iframe背景是白色的，在不同浏览器下可能会有不同的背景颜色，在主页面有一个整体的背景颜色或者背景图片的时候，iframe区域便会出现一个白色块，与主体页面很不协调，这时候就需要让iframe背景透明。这里需要用到一个特殊的特性： allowtransparency="t

iframe背景透明

ccaakkee的专栏

04-27

1043

在标签中，加入style="background-color=transparent" 通过以下四种IFRAME的写法实现对iframe背景透明效果：　

iframe背景色透明

分享干货，拒绝水文

01-10

881

iframe背景色透明办法是设置iframe的属性 allowTransparency="true" 即如：以下是代码片段：而a.html的body也要设置样式 STYLE="background-color:transparent" 即如：以下是代码片段：这样iframe的背景就完全透明了。另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样

如何使iframe透明

weixin_30764137的博客

12-17

107

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>父页面</title> </head> <body bgcolor="#FF0000"> <iframe ...