新闻中心
消费主张 IT业界 今日观察 消费警示 曝光台 热点专栏 奇闻趣事 一语惊人 专利之窗 动态备忘
领券购
生活必须 吃货优选 学习艺术 旅游出行 手机电脑 电子电器 热血男装 热销女装
图片中心
美女欣赏 风景欣赏 艺术欣赏 实物图片 制作美图 生活图片
下载中心
手机软件 语文数学 常用软件 红绿软件 信息社政 音体美合 科学自然 英语外语
映讯频道
浓缩电影 邻国热剧 一技之长 艺术无界 教育教学 纪录之窗 战争片 动作片 情感片 国内片 喜剧片 恐怖片 科幻片 大陆剧 港澳台剧 动漫片 明星云集 欧美剧集
聚划算
数码产品 服装服饰 家电家具 装潢装饰 商旅游玩 生活必备 二手特色 健康保健
FLASH频道
MTV类 运动游戏 益智游戏 女生游戏 休闲游戏 电脑运用 有声故事 有声艺术
社会专题
美文园地 制作教程 历史天空 游山玩水 美食天下 科技科幻 天文地理 时尚酷玩 健康保健 寻医问药 有书有道 农村特色 幽默笑话 汽车电子 星新一代 教育咨询 天下军事 硬件网络 黑白社会 靓丽女人 代码效果 免费资源 便民服务 办公达人 玄幻奇幻 软件技术
关闭
当前位置:首页社会专题代码效果
iframe去边框、无边框使用大全(实践经验整理)

iframe并不是很常用的,在标准的网页中非常少用。把iframe解释成“浏览器中的浏览器“是很恰当的。<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。

实例:iframe设置无边框背景透明,各大浏览器兼容

一般我们设置iframe无边框背景透明代码如下:

<iframe style="border:0;background:none;"></iframe>

现代浏览器如chome,firefox用上述代码即可实现,当然ie9效果同前2者一样,但是ie7&8 下的iframe仍然是显示带边框白色背景,为解决此问题,修改代码如下:

<iframe style="border:0;background:none;" frameborder="0" allowtransparency="true"></iframe>

<iframe src=”you page’s url” wiidth=”100″ heiight=”30″ frameborder=”no” border=”0″ marginwiidth=”0″ marginheiight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

<iframe runat="server" src="you page's url" wiidth="750" heiight="30" frameborder="no" border="0" marginwiidth="0" marginheiight="0" scrolling="no" allowtransparency="yes"></iframe>
runat="server" 这个最好加上Iframe跳转 asp.net 可在当前iframe中跳转
src 链接到的地址URl
frameborder 是否显示边框(0无边框 1有边框)
scrolling 是否有滚动条(yes有滚动条 no无滚动条)
allowtransparency 背景是否透明(yes透明 no不透明)
iframe并不是很常用的,在标准的网页中非常少用。把iframe解释成“浏览器中的浏览器“是很恰当的。<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。例如:
<iframe frameborder=0 wiidth=170 heiight=100 marginheiight=0 marginwiidth=0 scrolling=no src="move-ad.htm"></iframe>
SRC=URI 嵌入式柜架的页面文件路径
NAME=CDATA 嵌入式柜架的名字
LONGDESC=URI 描述
WIDTH=Length 宽度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ] 对齐方式
FRAMEBORDER=[ 1 | 0 ] 柜架边框
MARGINWIDTH=Pixels 左右空出宽度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动)
Iframe标记的使用格式是:
<Iframe src="URL" wiidth="x" heiight="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
wiidth、heiight:"内部框架"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
<iframe>用于设置文本或图形的浮动图文框或容器。
border
<iframe border="3"></iframe>
设定围绕图文框的边缘宽度
frameboder
<iframe frameboder="0"></iframe>
设置边框是不否为3维(0=否,1=是)
heiight,wiidth
<iframe heiight="31" wiidth="88"></iframe>
设质边框的宽度和高度
scrolling
<iframe scrolling="no"></iframe>
是否有滚动条(yes,no,auto)
src
<iframe src="girl.gif"></iframe>
指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)

注意事项:

一个浮动框架不需要通过<frameset>元素声明为框架设置的一部分;
WebTV和Netscape 4.x(4.0 到 4.75)不支持浮动框架。
在HTML4.01严格规范中,<iframe>元素没有被定义。浮动框架可以使用<div>元素和CSS定位方法来模仿实现。

浮动帧标记Iframe的属性:

1、文件位置:
语法:src=url
说明:url为嵌入的HTML文件的位置,可以是相对地址,也可以是绝对地址。
示例:<iframe src="iframe.html">

2、对象名称:
语法:name=#
说明:#为对象的名称。该属性给对象取名,以便其他对象利用。
示例:<iframe src="iframe.html" name="iframe1">

3、ID选择符:
语法:id=#
说明:指定该标记的唯一ID选择符。
示例:<iframe src="iframe.html" id="iframe1">

4、容器属性:

语法:heiight=# wiidth=#
说明:该属性指定浮动帧的高度和宽度。取值为正整数(单位为像素)或百分数。
heiight:指定浮动帧的高度;
wiidth:指定浮动帧的宽度。
示例:<iframe src="iframe.html" heiight=400 wiidth=400>

5、尺寸调整:
语法:noresize
说明:IE专有属性,指定浮动帧不可调整尺寸。
示例:<iframe src="iframe.html" noresize>

6、边框显示:
语法:frameborder=0、1
说明:该属性规定是否显示浮动帧边框。
0:不显示浮动帧边框;
1:显示浮动帧边框。
示例:<iframe src="iframe.html" frameborder=0>
<iframe src="iframe.html" frameborder=1>

7、边框厚度:
语法:border=#
说明:该属性指定浮动帧边框的厚度,取值为正整数和0,单位为像素。为了将浮动帧与页面无缝结合,border一般等于0。
示例:<iframe src="iframe.html" border=1>

8、边框颜色:
语法:bordercolor=color
说明:该属性指定浮动帧边框的颜色。color可以是RGB色(RRGGBB),也可以是颜色名。
示例:<iframe src="iframe.html" bordercolor=red>

9、对齐方式:
语法:align=left、right、center
说明:该属性指定浮动帧与其他对象的对齐方式。
left:居左;
right:居右;
center:居中。
示例:<iframe src="iframe.html" align=left>
<iframe src="iframe.html" align=right>
<iframe src="iframe.html" align=center>

10、相邻间距:
语法:framespacing=#
说明:该属性指定相邻浮动帧之间的间距。取值为正整数和0,单位为像素。
示例:<iframe src="iframe.html" framespacing=10>

11、内补白属性:
语法:hspace=# vspace=#
说明:该属性指定浮动帧内的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。
hspace:浮动帧内的左右边界大小;
vspace:浮动帧内的上下边界大小。
示例:<iframe src="iframe.html" hspace=1 vspace=1>

12、外补白属性:
语法:marginheiight=# marginwiidth=#
说明:该属性指定浮动帧的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。
marginheiight:浮动帧的左右边界大小;
marginwiidth:浮动帧的上下边界大小。
示例:<iframe src="iframe.html" marginheiight=1 marginwiidth=1>

提示:输入修改代码都可运行!
5
酒精度
323
顶一下
相关阅读
内容加载中……