繁體中文当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 透明 IFrames
- WEB设计综合
- 使Flash页面通过校验
- WEB 标准剖析
- 制作网页中的渐变背景
- 表格特效代码全集
- Photoshop 打造金属指环
- 网页标准中链接属性 rel 与 target
- HTML在线编辑器的调用及使用方法
- div+css设计网页时浮动问题的解决方法
- 解决XHTML+CSS2.0式的页面结构在IE5和IE5.5下的BUG
- WAP 开发出现的中文显示问题
- 详细的IMG,IFRAME的属性参考
- 可通过XHTML1.0校验的Flash嵌入代码
- 在IE和FIREfOX下正常显示的网页内嵌播放器代码
- 使 XHTML Strict 支持 target 标签
- 语言（文化）代码与国家地区对照表
- 网站设计技术规范
- 点击连接时不出现虚边框的方法
- 制作1px边框表格的几种方法
- 图片横向连续滚动的代码
- 合理架构css
WEB设计综合 中的 透明 IFrames
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-03-01 浏览: 2004 ::
收藏到网摘: n/a
If you don't already have a basic knowledge of IFrames, click here. OK, let's get started! To make the backgrounds on your IFrames transparent, copy the code below.
如果你对IFrames的基本概念还不了解，那么请点击这里。OK，接下来就让我们开始吧！你将学会如何使得IFrame的背景透明。复制下面的代码到页面中：
| <div style="position: absolute; top:300; left:400"> <IFRAME src="PAGEURL.htm" name="frame" width="200" height="200" frameborder="0" allowtransparency="true"></iframe></div> |
Edit all of the numbers. The width and height determine how big your IFrame will be. The top and left numbers determine where the IFrame will be placed on your site. The larger the number for the top position is, the further down it will go. The larger the left number is, the further right it will go. Keep altering these numbers until you are happy with them. You also must change PAGEURL.htm to the url of your IFrame. Now copy the code below, and paste it into the <head> tag of the page you are linking to (in other words the page that you replaced PAGEURL.htm with).
编辑上面代码中的属性值，width和height定义了IFrame的大小。Top和 left定义了IFrame位于页面中的具体方位。Top值越大，它就位于页面中最越靠下面的地方；Left值越大，它就位于页面中最越靠右面的地方。你可以根据你的要求随意地更改这些数字，直到你满意为止。同时，你必须将PAGEURL.htm添加到IFrame的URL中。接下来，复制下面的这段代码，将它粘贴到链接页的<head>标签中（换句话说，就是粘贴到你替换PAGEURL.htm链接的页面上）：
| <style> <!-- BODY { background-color: transparent; } --> </style> |
透明iframe案例
评论 (0) All
