<iframe src="top.html" frameborder="0" scrolling="no" width="100%" height="80px" style="border:0;"></iframe>
<iframe src="yd.swf" name="ifraComment" width="550" height="400"
frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
style="border-style: none #ffffff solid">
</iframe>
----------
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>
<iframe>用于设置文本或图形的浮动图文框或容器。
border属性
<iframe border="3"></iframe>
设定围绕图文框的边缘宽度
frameboder属性
<iframe frameboder="0"></iframe>
设置边框是不否为3维(0=否,1=是)
height,width属性
<iframe height="31" width="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定位方法来模仿实现。
-----------------------
div属性
主要设置如下:
overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
width(宽度):数值;
height(高度):数值;
color(字体颜色):色彩代码;
font-size(字体大小):数值;
line-height(行高):数值;
border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字体粗细):normal、bold、bolder、lighter;
font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;
background(背景颜色):色彩代码;
scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar
-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar
-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;
filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
-------
HTML中的Div分区属性
基本属性:width, height, left, top, background-color(当设置为transparent时表示透明)
2、定位属性:position: absolute/relative
absolute时,位置固定;relative时,位置会随着内容的实际情况进行浮动
3、显示属性:display: block/none
block为默认状态,表示显示;none为隐藏
4、优先属性:z-index:n
n表示一个整数(正负均可),有多个Div时n越大,则越靠前显示;
z-index可以理解为z轴的坐标(x,y轴控制左右、上下方位,z轴控制层叠div的前后方位)
只有用绝对定位(position:absolute)时,属性z-index才起作用;
未设置绝对定位(position:absolute)的div,其z-index永远为0;
未设定优先属性(z-index)的div,按照声明的顺序层叠,后声明的盖住先声明的,如果有两个Div属于父子关系,则子div覆盖父div;
5、透明属性:opacity:0.3;(firefox专用);filter:alpha(opacity=30)(IE专用)
两者一起用的时候就将两种主流浏览器都兼容了;上面例子是将Div的透明度设置为30%,可以看出两者的设置稍有不同;Div的文本与背景色均能被透明化!
分享到:
相关推荐
用DIV仿iframe框架布局效果
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
javascript浮动div,可拖拽div,遮罩层(div和iframe实现)
通过Div+CSS 结合Jquery制作的具有左侧菜单、导航菜单、下拉菜单、自动适应窗口大小、自动控制iframe高度,动态修改CSS样式,利用CSS的expression表达式,自动调整div大小,实现div左侧跟随的诸多布局应用。
前辈的成果,显示所需要的页面,第一个页面隐藏
使用div标签来给网页划分框架模板。这个框架可以嵌套在任何div标签内,或者iframe框架内
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
NULL 博文链接:https://blueskylan.iteye.com/blog/338049
NULL 博文链接:https://hje.iteye.com/blog/440512
如果乱码的话,,那就改一下编码,,,GB2312或者utf-8,,还乱码,那就编辑js文件在保存下保存,GB2312或者utf-8,,页面上也一致
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div
自己改写的js弹出div层模拟alert 可以自定义样式 在iframe框架中使用 避免了覆盖层只覆盖子页面的问题
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
div+css代替iframe框架并带全屏遮罩加载特效,div+css框架、div代替iframe、框架全屏遮罩、全屏加载特效
div+iframe做出的弹出窗口,效果等同于模态窗口。弹出窗口可最大化、最小化,可拖拽。带遮罩功能。 解决替换模态窗口,避免模态调模态出现的一系列问题:session丢失,提交返回,调父类方法层级多了或者多页面调的...
Div iFrame 做的面向对象小窗口
零基础html5+div+css+js网页开发教程第014期_iframe
js弹出div层模拟alert+(iframe中使用).内附一个可以移动的div层