HTML iframe标签用法案例详解

2、iframe透明

在transparentBody.htm文件的标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解： 

代码如下:

注：iframe是迫不得已才使用的，因为使用iframe会带来较多的问题，而有的浏览器可以设置将iframe当作广告屏蔽。 
在最近的一个工作内容中使用了iframe，开始遇到的问题是iframe高度自适应的问题，这问题在口碑网ued团队博客中找到了解决办法，后来更遇到一个iframe透明的问题 ，通常 iframe底色会是白色，在不同浏览器下可能会有不同的颜色，如果主页面有一个整体的背景色或者背景图片的时候 ，iframe区域便会出现一个白色块，与主体页面不协调，这就需要iframe透明 
通过google搜索iframe透明找到了解决办法 

代码如下:

当然前提是iframe页面中没有设置颜色 

[code] 

注：iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent" 

3、iframe自适应高度

由于篇幅过长，大家可以移步这里查看 

https://www.jb51.net/article/15780.htm

4、通过js输出iframe广告代码

[code] 

document.write(''); 

有时候我们需要考虑用户的浏览器是否支持iframe标签，那么就需要如下的写法

代码如下:

到此这篇关于HTML iframe标签用法案例详解的文章就介绍到这了,更多相关HTML iframe标签用法内容请搜索讯客以前的文章或继续浏览下面的相关文章希望大家以后多多支持讯客！