IE Firefox 中ZIndex的高低准则

转的

做网站开发的，免不了要与CSS打交道，最近在做一些效果些，就被IE与FIREFOX里面不的的zIndex准则，搞得哭笑不得，最后得出一个经验，很通俗的（自己都很得意这种说法，不知道在我之前有没有人这样比喻过呢，应该会有吧，只是我不知道罢了）

以下是我对zIndex问题，在IE与FIREFOX里的总结，

IE是按辈份定高低，FIREFOX是按年龄定高低

怎么理解呢？

在IE里，不管DIV的zIndex有多高，如果它的父级容器zIndex比对方要低,它是不可能盖得住对方的。也就是说，如果你的父亲比他的父亲小，你永远也不可能高过他。(他是指你想要盖住的DIV)

在FIREFOX里，则是只要DIV的zIndex高得比想要盖住的DIV要高，就能盖住，谁的年龄（zIndex）大，谁就在前面。

不知道你看明白了没呢？

IE Firefox 中ZIndex的高低准则,布布扣,bubuko.com

时间： 2024-09-30 15:53:54

IE Firefox 中ZIndex的高低准则的相关文章

一个CSS中Z-index的用法

一个CSS中Z-index的用法 CSS教程:彻底掌握Z-index属性 大多数的CSS属性都很容易使用.常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷新页面而立即呈现.而另一些CSS属性,却会有一些复杂,且只能在给定的环境下才会工作. Z-index属性便属于上面所说的后面的那一组.Z-index无疑的比其他任何属性都会频繁的导致(兼容性)上 的混乱和(开发者心理上)的挫败感.但滑稽的是,一旦你真正理解了Z-index,你会发现它却是一个非常容易使用的属性,并且会为解决很多l

firefox中 checkbox属性checked="checked"已有，但复选框却不显示打钩的原因

最近在调试复选框的应用,在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题. 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了.代码修改了却得不到正确的显示状态,纠结了很久,找不到原因. 正解:后来经偶像指

如何查看Firefox中保存的登录密码

问:以前使用Firefox浏览器登录一个论坛,并且临时申请了一个账号,在使用Firefox登录时选择让它记住密码了,后来,我忘记了那个论坛的密码,但是可以使用Firefox直接登录.现在能不能查看密码具体是什么了?    答:单击Firefox浏览器菜单"工具→选项",打开窗口中的"隐私"选项卡,再单击"密码"选项卡,接下来再单击"查看已保存的密码"按钮,在打开的窗口中便显示所有Firefox已经记录的账号及密码信息,选择具体

&nbsp在IE和FireFox中显示不一致

&nbsp在IE和FireFox中显示不一致 在做新闻发布系统后台登陆界面时,为了界面美观,想在"密码"二字中间添加空格,从而让"用户名"."密    码"."验证码"垂直对齐. 于是在代码中加了两个" ",在FireFox中达到预期效果了: 我们都知道,一个" "为一个字符大小.可我明明已经在"密码"二字中间添加了两个" "了,刚好为一个

Ajax请求在IE和Google Chrome中可以响应，在Firefox中无法响应

在工作中碰到这么一个问题,发送ajax请求,在IE和chrome中可以正常的响应,但是在Firefox中无法响应,代码如下: JS代码: 1 function Sure(obj) { 2 var statu = confirm("是否确认删除?"); 3 if (!statu) { 4 return false; 5 } 6 var objOrderID = obj.id; 7 $.ajax( 8 { 9 type: "Post", 10 url: "/A

Firefox中利用javascript调用本地程序

http://blog.csdn.net/jensonhjt/article/details/1765557 script>function hello () {  netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  var file = Components.classes["@mozilla.org/file/local;1"].createInstance(

盒子模型（BOX Model) 在IE和Firefox中的区别

刚接触用Div布局时,许多人都只针对IE开发.但随着其他标准浏览器在市场中出现的比重越来越大.人们对于标准越来越重视,目前针对W3C进行开发.对IE系列进行兼容已经成为主流. Div标签,作为标准化Web应用来说,已经成为最重要一个名词.甚至在网络上经常出现“DIV+CSS”这类词语来表示标准化Web开发. 曾经在给一个老网站做兼容Firefox时出现一个问题,现在看来这完全不是问题,但在当时着实费了一番脑筋. 当时在将页面中凌乱不堪的结构重新布局时发现,有些Div在Firefox中会多出2px

解决chrome和firefox中文件上传本地路径隐藏的问题

如果想上传一张图片,在页面中实现预览,可以获取文件的上传路径,然后在一个<img/>里面显示,文件的上传路径就是<input type="file"/>的value.在IE下是value是等于本地路径的,然而,在chrome和firefox中,出于安全考虑,路径却是匿名,比如,上传E盘中的readme.txt,得到的value却是C:/fakepath/readme.txt. 要在页面显示上传的图片,可以先上传到服务器,然后再下载下来回避这个问题,但这样会有多余

CSS 中z-index全解析（摘自阿里西西）

z-index全解析 Z-index属性决定了一个HTML元素的层叠级别.元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言.一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部.这个层叠顺序沿着垂直的线轴被呈现. 在一个HTML页面中,自然的层叠顺序(也就是元素在Z轴上的顺序)是由很多因素决定的: 具有负值的stacking contexts(层叠环境)元素,按照出现的先后顺序排列(越靠后层级越靠上); 没有被定位,没有浮动的块级元素,按照出现的先后顺序排列; 没有被定