设为首页
收藏本站
最新电影
> 子栏目 Asp | Jsp | XML | XSL | Div+Css | 自定义函数 | 数据库 | 脚本特效
您现在的位置: 首页=>后台技术=>div+css 订阅本栏目  
z-index在IE中的迷惑
时间: 2007-09-27 11:24:52 阅读次数:2325


z-index : auto | number

auto:默认值
number:无单位的整数值,可为负数



z-index 值较大的元素将叠加在z-index值较小的元素之上对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而z-index 值为负数的对象在其之下

注意:这个属性不会作用于窗口控件,如selct 对象在IE 5.5+中,iframe 对象开始支持此属性飞飞A.sp技术乐园而在之前的浏览器版本中,iframe 对象是窗口控件,会忽略此属性


z-index : auto | number

auto:默认值飞飞.Asp技术乐园
number:无单位的整数值,可为负数




z-index 值较大的元素将叠加在z-index值较小的元素之上对于未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而z-index 值为负数的对象在其之下飞飞,Asp技术乐园

注意:这个属性不会作用于窗口控件,如selct 对象在IE 5.5+中,iframe 对象开始支持此属性而在之前的浏览器版本中,iframe 对象是窗口控件,会忽略此属性


z-index属性适用于定位元素(position 属性值为 relative 或 absolute 或 fixed的对象),用来确定定位元素在垂直于显示屏方向(称为Z轴)上的层叠顺序(stack order)

每一个定位元素都归属于一个stacking context根元素形成root stacking context,而其他的stacking context则由定位元素产生(此定位元素的z-index被定义一个非auto的z-index值),定位子元素会以这个local stacking context为参考,用相同的规则来决定层叠顺序并且stacking context和 containing block 之间并没有必然联系

当stacking context一样的时候,就用z-index的值来决定怎样显示,如果z-index也相同(即stack level相同),则按照档中后来者居上的原则(back-to-front )的顺序来层叠

当任何一个元素层叠另一个包含在不同stacking context元素时,则会以stacking context的层叠级别(stack level)来决定显示的先后情况也就是说,在相同的stacking context下才会用z-index来决定先后,不同时则由stacking context的z-index来决定例如:

定位元素A(z-index:100)里面有定位元素A1(z-index:300),而定位元素B和元素A兄弟关系(z-index:200)你会发现无论A1的z-index是多大,也会被z-index是200的B所覆盖,因为A的z-index只有100

阅读更详细的内容:http://www.w3.org/TR/CSS21/visuren.html#z-index





站内搜索    

下一篇纯CSS的下拉菜单 支持IE6 IE7 Firefox

上一篇多点调用的 选项卡

本栏目最新 栏目最新列表
微软IE调试工具:SuperPreview for IE(ie6
精选15个国外最流行的CSS框架
CSS2 Media类型使用方法及简介(@Media)
浏览器排版/布局 图片下方出现空隙的问题
使用IE浏览器a链接失效(不能点击)的解决方
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
Transact SQL 常 [1] [2]
VIA Rhine II Fast Ethe
电脑常用端 [1] [2] [3]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
 width= 
伟哥博客 西安房产 123最新电影 三四六四