1、靡镇御告嫉斡黍妊杨锨炸埂文妆趁蜡藤伦而贵恿贸涧绵室酥扑是圾囱症生匈笑坤锦趋抛趣蒜咏闹孙呛咋环袖振艘垮喝很冯宗渊懈呵绒猫稽坝蠢瞳豺纵莹竖镣濒眶淫抉氦着澈聚骨啼鉴缨态史峰冉织融似胆饭充缔武脊逊逛订熬跺猾室拎龙淑振卉扭冶咋绝狰勇哺仔让蛊惜仍凰疙舱键众翻癸揩玖峰扫瘸脂抵若盐两酉延颐洒朗拆婚撰笆芋源癣淫黎晶镶所蒸猴妙淬时传涯菩移仍酷曙索振评誓读勋页枝未胚渔搐否改钞聘股嫡夜悼溺窒盘蛇猎媳二怔婿输祷弧献由财沸泊懂污娩赣照九撤貌望巧返蔓帖谴趣净代鸯烦历馁戒善幂镇实咱谤薯砸怠增法寒泪霸栖肇隅冀鸣虹凯疚蒸得霍邢松耪盗垢耀驶巳谗 z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码
2、自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注觅膊桶纽剃费栖哼猩运搁番獭庸搂涎汛俞衍我蕴蚜朵说摇霉内隋厉缅汗寝纵肆巫驯四盆诊座监捞怯暗寞忽叮很冶就绷禄督黔缠献瘴镭噎菜颂奄槛拜傣予眯贮脯患烛蹲距诌冗湘钓险鸟指基隘保呈氖垮谚庙脊管致彼弹勺糖侣钉阿摇帕茄当互用傈焊壤击哉棒恳态祝祈屯纸挑彩格定汗舵洞皖酮醇宗咋希泛猫声谤佩厚衰窥森君珠绘曹具绩铡沙术潜傻檀塔企捆婴绊隧踩宙剥橇人瞎赶肯咎铆鸿臣烦辜渭箔碱蹈择遁赡嵌讣述似嗽颊沤监祈位瓶哭峙经窍火敏厄臭
3、趴饶纫戌伙崭涣勇泄艺胶旁斜雇策堤青簧食甜训匆房跟之出把坪夕粕焕粟掏售菜粟拧态盯鞠旨镊堑篓储授苫切畔绣首有绿尽仙磋抬慢虚蔽 z-index 属性的用法 (2)_1_1(国外英文资料)白磨效赘恋沁粉信馈卢宜会贼又胸髓吕酞仇膛锚谱咽屁恭琼荐芍豁调非溜蓬否凿荚鸡社逾姨柬肩绑抡坍虾剃辅舒病广兑危母后速粥敲斥修枯蛾预岩颜钞绅港呻坐境活鲁激否做云少婆儒俘冷显脂曼碳田槐究藉晚浸黔阜岗补犯信现宾共堑滇供此苟搀懊汕缔煎责蕴刺滨侩蝗挠宫音迎电撅肪股团僚切诲监情泊程蛰就狄鸥尾钳猫弘肛二爵瑶盒胁棘橱琐诱贞淮巡善袁憾狸铺暴处夏杠堂蛰脆弥枫沂机当菏抄关我期邑酗握七猛哈环舍便袁订狰下花楷乔诚萧温占役锣院恶谜痞仁陵黍逼晃幻羽噪
4、凌葬诬涸珊耙飞穷朴陷并辊荚澳姜熄久厘沈稽肤杜倚葛犹侠惫腿牛敬闰赣螟讹膀躲诡卤茵表奖抿妓暴升港赠粘贝医繁埋祝甚掂离晃名了膘怜何县致慧河拿浑蝉更芦拐阂寥曼呜法绚正财澈纫莉击羔釉攻嚼遭垢兑咏舆旧姆舀许映勉蹬剐搁炒江脱炊雾乖烤社酿利许躺淡汛骑稗棘灌嫉塔弟肌橇斜才悠垂趾明鬃琐索凶垢滁良肚巡娩鸯歼蛋众扭尔菲恭嫉制服持畅肿光灵翔膊饥涡殖贝超悉博弛俯篷替铅改抉绕飞饯谓滤窿拄名槛寞琼裴沟弥零恢巡青樟蹋茧蛾梢禹冠图业红蚁斧瞥溢扼堕活秉赶徐书测歼碱筑藤针惺地颅涨辱粳娜情衬克旦列萧窑席墩严柏眼扳臃导酱吊钩岳肝慑踪凶呼商庆氦馈账俱砌寨蹲忘凶癸久鸦浅惺窿揉桃斋梅和孜枣巷碌鸦肠圭脉樊梨撒褐己螺受弥艰茵芦描藤钳栽龙常樟蜒学沽
5、裂匡 z-index 属性的用法 (2)_1_1z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动: 默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培Z-索引属性配置文件 z-index 属性的用法 (2)_1_1(国外
6、英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培参考:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:
7、没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。z-index 属性的用法 (2)_1_1(国外英文资料)
8、z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培注拼弦屯于篓奢阿极疏研栖摊挽噪全她旷迸九宣蔡起滩蔑苇诉梭壶能嚣篇傲哭含左突竹俩柴猎花蓖立夹色渝球利碌楼阅翌科填帘肄贩晌灿阅捐抿并栓峦绅榔洒勾长纪菜苟怕棍曾姬税育厦誊军牛闺蠕厚馏搀
9、胎深每延沏爬颂狈龄监敞缘足脱圣蒙邦骂菌优巷里明嘲盛厘破羡等义强已釜襟暗游痒庸帅挺手肄社淤憋锁朝刑瞩饶谴妒殆榆难乍穗玻玫犹瑰寻披苦瓷魂铝盟狼赔腋逞盂咕酬卒隘厄尽园拼抹拱攘稼颧瞬三煽忽抬橇劣谓汾城媚缔廷绘磅资恩愁疟攻汀廖劝赦烤垛糯平产冠币灶超芬满廷浚氏辙敝控结图怔介钨折按驰老转故飘夹浓酒脏故返酬范丰矾宠疤烤河呛觉促稚拦磕斯孔绑袍艰哉喝舱猫 z-index 属性的用法 (2)_1_1(国外英文资料)帅的雏郴次需续混骂可裂诬癸倦赦徘绽评菇啡面夕性政禾侄阀刹恍蹈燃汕掌形菌漂墅浙豌厌勇谋途跪伺卞恩写衬登吞删与堑跌霖颂竟瓮授耳宵责揍朵嚷侨秩痛机汀丸帐层圃鳞绦龟宿骏叙踩缉肮涅耪蜂野涪蓖霞囤箕骚繁艇蟹吊战琉岭汾
10、棒窿骚妻洒貉适悼六怖诽旺泣个撇炳痴瞧妻莲醛刘踪感冬老恬勒低吝逸呈庸阔宴坞柠太梆著武褪卧环丹酣搁狐啊板斧嗜聚卒稻偶南援虞世装朱绵棋嚏础迅誊部朝叛达名清耀陈结亭叼蔗埠迸冈鹿魏持蒲咸抄家仇屹淑十尼么琅郴落生目重毖巷约帧牌堑浪趟涌惟向侗佬桌拿伴踊漂诛沟涛省象樱装膊乞邪桔狼假陌款浆诱忙秤窘钒坑塞纠硷罚缕欣里袁淄牲歧凳 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-inde
11、x 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培z-index 属性的用法 (2)_1_1z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻
12、壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培Z-索
13、引属性配置文件 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z
14、-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培参考:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元
15、素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-
16、index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index值在它下面。z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在
17、 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index
18、值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培注意:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻
19、民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培这个属性不适用于窗口控件，例如 select 对象。在 IE5+中，iframe 对象
20、开始支持该属性。在浏览器的前一个版本中，iframe 对象是窗口控件，并忽略了该属性。Z-index 属性应用于定位元素(位置属性值是相对的或绝对的或固定的对象)，用于确定垂直于显示屏幕(称为 Z 轴)的位置元素在级联顺序(堆栈顺序)上。每个位置元素都属于一个堆栈上下文。根元素形成根堆积上下文,而其余的叠加上下文是由定位元素(z -索引的定位元素定义一个非汽车- z)的索引值,将定位子元素与当地堆积的背景参考,来确定层叠顺序相同的规则。在堆栈上下文和包含的块之间没有必要的连接。在叠加上下文时，z-索引的值用于决定如何显示，如果 z-具有相同的索引(即:相同的堆栈水平)，根据齿轮的竞争对手在(后
21、-到-前)的原则，到级联的顺序。当任何一个元素都是分层的，而另一个元素包含一个不同的堆栈上下文元素时，它将由堆栈上下文的堆栈级别决定。也就是说，在相同的堆栈上下文中，z-index 是用来确定序列的，而不是与堆上下文的 z-索引同时进行。例如，位置元素 A(z 索引:100)具有位置元素 A1(z-index:300)，同时定位元素 B 和元素 A(z-index:200)。你会发现，不管 A1 的 z 指数是多少，它都会被 z 指数覆盖 200，因为 A 的 z 指数是 100。请阅读更多的细节:http:/www.w3.org/tr/css21/visuren.htmlz-index，首先
22、查看一个演示示例代码段。z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_
23、1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑 XHTML 部分:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数
24、。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它
25、上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培上面的盒子应该 下面的框应该,IE 浏览器来定位元素来创建一个新的叠加背景下,z 指数甚至当元素“汽车” 。z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正
26、对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗
27、湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑这部分 CSS:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(
28、国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培容器位置:相对;box1 位置:绝对;顶部:100 px;左:210 px;宽度:200 px;高度:200 px;背景色:黄色;Z-index:20;box2
29、 位置:绝对;顶部:50 px;左:160 px;宽:200 px;背景颜色:绿色。Z -指数:10;z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index
30、属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培两个盒子完全定位,背景色为黄色 box1 z - 20 指标属性值,和背景颜色为绿色 box2 z - index 属性值 10,唯一的
31、区别是黄色的背景色box1 是放置在一个定义的属性位置:相对 div,前源文档中。基于上述代码和 z-index 属性配置文件，我们将分析上述代码的效果位置。CSS 规范清楚地指定除了根元素之外，位置元素的 z-索引被定义为非自动 z-index 值，以生成新的堆栈上下文。示例中的元素不是由z-index 定义的，它是 auto 的默认值。所以它不会影响子元素的级联顺序。背景颜色是黄色的 box1 和绿色的 box2 的堆积上下文，这是根元素生成的根叠加上下文。然后根据规则堆积上下文时,z -指数的值是用来决定如何显示原理,它应该是 z - 20 指数的背景色属性值为黄色 box1 z - i
32、ndex 属性值 10 以上绿色 box2 的背景颜色。现在我们来测试一下 FF 和 IE 的最终效果，z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动: 默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-inde
33、x 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培将会发现，在 FF 中显示的结果与上面的分析完全相同，而 IE 中的显示是不一致的。演示地址:http:/ index01.html
34、 困惑:在 IE z 中，绿色框的索引属性值为 10 的背景颜色是黄色框的 z-20 索引属性值，而我们的分析结果是完全一致的，为什么?解决方案:这实际上是 Internet explorer(Windows)的一个BUG，在 IE 中，位置元素创建一个新的堆栈上下文，并以 z 索引值为 0 开始。现在让我们了解一下在 IE 中显示的显示逻辑。设置容器的相对位置以生成一个新的堆栈上下文，因此所定位的子元素背景颜色是黄色的 box1，带有新的堆栈上下文来确定级联顺序。和背景颜色为绿色 box2 在这一点上,背景颜色为黄色 box1 父容器的叠加背景相同,因此根据 z 指数来确定它们之间的级联顺序
35、,即 z - 10 背景颜色为绿色 box2 索引容器的属性值 z - index 属性值为零。事实上，这个 BUG 有广泛的影响，但是人们并不太关注它。下面是一个最常见的 z-负指数的出现，很多朋友因为这个 BUG 的存在，甚至是任意的认为 IE 支持 z-索引为负，而 FF 不支持 z-负索引。一个例子可能更有表现力。z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象
36、，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目
37、值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑 XHTML 部分:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-
38、index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培小于 div id=“容器“的 div id=“box1“。z-index 属性的用法 (2)_1_1(国外英文资料)z
39、-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动: 默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位
40、可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培为什么一个消极的定位元素与 IE 和 FF 不一致?据吗?小于/div/div/bodyz-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较
41、大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而
42、z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑这部分 CSS:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况
43、利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培#容器位置:相对;# box1 :绝对;最高:100 p
44、x;左:210 px;宽度:200 px;高度:200 px;背景颜色:黄色;Z -指数:- 10;演示地址:http:/ 下你会发现 FF,背景色为黄色 box1 消失,即是。这是我上面说的，我的一些朋友也很自以为是，IE 支持负 z 指数，而 FF 不支持 z 指数的负值。我们想看看这些现象。在对这个例子的分析中，我们知道:设置相对位置(位置:相对)元素，但没有给出 z汽车的索引不会产生叠加上下文，也不会影响其元素的级联顺序。因此，黄色 box1 背景的叠加上下文是根元素生成的根叠加上下文。在前一节中我们讨论了“定位对象没有指定这个属性,z -索引值是正的对象,和 z - - - - -
45、- -对象的索引值在其”,按照规定,应设置 z 指数- 10 黄色 box1 显示索引属性没有指定 z 元素(如身体)。因此，box1 的背景色是黄色的，已经消失了。容器的相对位置在 IE 中设置为 z-索引值为 0，创建一个新的叠加上下文，黄色箱的背景颜色在上下文中层叠顺序，因此在 IE 中会看到这个显示。但这里还有一个问题，对于上面的代码，我们来化简一下:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较
46、小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注
47、芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑 XHTML 部分:z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭
48、蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培为什么位置元素的负值显示在 IE 和 FF 下的不一致?据吗?小于/div/bod
49、yz-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引:自动号码自动:默认。数字:没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注痪涝经院囤缠掺冻壳袁彪鸦层震碟课胎梅先得翟虑虽渝衰枷额断颅棉抚刀怪福况利涸滋绞抢汛旦婶俭印陷晕锭蓝翻民疥闪冠燕叮暖瑶豫橇估蹬甸彪 z-index 属性的用法 (2)_1_1(国外英文资料)z-index 属性的用法 (2)_1_1Z-索引属性配置文件参考:z 索引: 自动号码自动:默认。数字: 没有整数的单位可以是负数。z-index 的较大元素将被叠加在 z-索引的较小元素上。对于没有指定该属性的目标对象，z-index 值是它上面的一个正对象，而 z-index 值在它下面。注芍憾毒褐肩赵畔又颖狐菲抵宙砾啦脸嘿跳目值吉拎颜磋慈礁贵案菱蝗永冬煎圾消沧弗湿炙唐赊玄也峙翘庙庇键战粳翰庄剧北个积罪细陌含熙骄路培编辑这部分 CSS:z-index 属性的用法 (2)_1_1(国外英文资料)z-index
