iframe标签用法详解.docxVIP

iframe标签用法详解(属性、透明、自适应高度)iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性，这里简单的整理下，方便需要的朋友1、iframe定义和用法?iframe元素会创建包含另外一个文档的内联框架（即行内框架）。?HTML 与 XHTML 之间的差异?在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持iframe元素。?提示和注释：?提示：您可以把需要的文本放置在 iframe 和 /iframe 之间，这样就可以应对无法理解iframe的浏览器。?iframe标签是成对出现的,以iframe开始,/iframe结束?iframe标签内的内容可以做为浏览器不支持iframe标签时显示?属性?属性值描述DTDalignleftrighttopmiddlebottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。TFframeborder10规定是否显示框架周围的边框。TFheightpixels%规定iframe的高度。TFlongdescURL规定一个页面，该页面包含了有关iframe的较长描述。TFmarginheightpixels定义iframe的顶部和底部的边距。TFmarginwidthpixels定义iframe的左侧和右侧的边距。TFnameframe_name规定iframe的名称。TFscrollingyesnoauto规定是否在iframe中显示滚动条。TFsrcURL规定在iframe中显示的文档的 URL。TFwidthpixels%定义iframe的宽度。TF示例?复制代码代码如下:iframesrc= width=200 height=500?脚本之家使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问脚本之家。?/iframe?使用像素定义iframe框架大小?复制代码代码如下:iframesrc= width=20% height=50%?脚本之家使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问脚本之家。?/iframe?使用百分比定义iframe框架大小?2、iframe透明在transparentBody.htm文件的body标签中，我已经加入了style=background-color=transparent 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：?复制代码代码如下:IFRAME ID=Frame1 SRC=transparentBody.htm allowTransparency=true/IFRAME?IFRAME ID=Frame2 SRC=transparentBody.htm allowTransparency=true STYLE=background-color: green /IFRAME?IFRAME ID=Frame3 SRC=transparentBody.htm/IFRAME?IFRAME ID=Frame4 SRC=transparentBody.htm STYLE=background-color: green /IFRAME?iframe是迫不得已才使用的，因为使用iframe会带来较多的问题，而有的浏览器可以设置将iframe当作广告屏蔽。?在最近的一个工作内容中使用了iframe，开始遇到的问题是iframe高度自适应的问题，这问题在口碑网ued团队博客中找到了解决办法，后来更遇到一个iframe透明的问题?通常iframe底色会是白色，在不同浏览器下可能会有不同的颜色?如果主页面有一个整体的背景色或者背景图片的时候?iframe区域便会出现一个白色块，与主体页面不协调，这就需要iframe透明?通过google搜索iframe透明找到了解决办法?复制代码代码如下:iframesrc=./ads_top_tian.html allowtransparency=true style=background-color=transparent title=test frameborder=0 width=470 height=308 scrolling=no/iframe当然前提是iframe页面中没有设置颜色?[code]?注：iframe透明主要是使用了allowtransparency=true style=background-color=transparent?strong3、iframe自适应高度/strong由于篇幅过长，大家可以移步这里查看?a t