position-div relative z-index:4会遮挡fixed z-index:999的原因是什么?

问题描述

div relative z-index:4会遮挡fixed z-index:999的原因是什么?

一个div的position:relative; z-index:4; 而另一个为position:fixed; z-index:999; 但前面一个会遮挡后面的。出现这种情况的原因是什么?

解决方案

父级的不一样,z-index:4的父级的层级太高了

解决方案二:

鲜为人知的z-index
winform设置空间的z-index

解决方案三:

在相对定位下z-index不再起作用,其堆叠顺序有元素的出现顺序决定,后出现的在上

http://bbs.csdn.net/topics/320019135

http://blog.163.com/love_heartbreaking/blog/static/124561901201211334714800/

希望对你有帮助

解决方案四:

IE7-?如果浮动层放在relative定位的容器里面,设置容器的z-index

解决方案五:

不知道你的具体结构,不知道怎么回答你,你可以看看这个关于z-index的使用,将的非常详细了,希望对你有帮助。http://www.cnblogs.com/ForEvErNoME/p/3373641.html

时间: 2025-01-21 11:17:34

position-div relative z-index:4会遮挡fixed z-index:999的原因是什么?的相关文章

ORA-01502: index ‘index_name' or partition of such index is in unusable state

错误现象: 今天发布脚本时,一个表插入数据时报如下错误 ORA-01502: index 'index_name' or partition of such index is in unusable state ORA-06512: at line 168 错误原因: 这个错误一般是因为索引状态为UNUSABLE引起的.你可以通过下面SQL,查看索引的状态 SELECT OWNER, INDEX_NAME,STATUS FROM DBA_INDEXES WHERE INDEX_NAME='IND

position中Relative和Absolute 详解

基本说明请参照w3cshcool,这里仅谈我个人的理解. relative: css教程中的写法是:position:relative;  他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以body的原始点为原始点,配合trbl进行定位,当父级内有padding等css属性时,当前级的原始点则参照父级内容区的原始点进行定位         1,用left,top,bottom,right相对于static的位置的偏移         2,设置为relative的div里的所有元素都

Position:Relative/Absolute无法冲破的等级

前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题: <ul><li>第一块</li><li><span>第二块</span></li><li>第三块</li><li>第四块</li><li>第五块</li></ul> 如果我我们设定LI为position:relative;设置span为position:absolu

position的absolute和relative的应用详解

前老弄不明白,只能凭借一点短期内"虐出来的经验"制作需要的效果,后来仔细研究了一下Hutia的XScroller,并且仔细看了文档,才知道这个position属性其实是指本体对上级的定位.如果这么理解,就好办了. 默认的属性值都是static,静态.就不用多说了.最关键的是 relative(相对)以及absolute(绝对). 往往我们如果是COPY别人的代码,会把absolute属性与left.top配合起来制作相关的"悬浮层"效果.然而有时候我们需要针对某一个

请教CSS中的position:relative;的作用。

问题描述 对于css中的position:relative;我始终搞不明白它是什么意思,有什么作用?对于position的其它几个属性,我都搞懂了引用 解决方案 "对于页面中一个static的div#demo,我想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该是用这个position:relative这个吧,然后再加上top,right给限制一下.我理解得没有错吧? "首先对你疑惑的地方,我先解答一下:position的默认值是static,(也就是

Position属性之relative用法_javascript技巧

Relative是position的一个属性,是相对定位. position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static) 如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该给#demo相对定位,#sub绝对定位. absolute是相对于自己最近的父元素来定位的,如果你不给#demo相对定位,那么#sub的绝对定位就是相对于body来定位的. relative是相对于自己

css position:fixed固定定位div

先看IE7+.Firefox.Opera的代码:  代码如下 复制代码 <style type="text/css"> #backTop { position : fixed; bottom : 0 ; right:0;} </style> 在IE6中,需要一些CSS Hack来解决它,需要增加:  代码如下 复制代码 <!--[if IE 6]> <style type="text/css"> html {overf

CSS position实现DIV浏览器垂直居中布局

例子  代码如下 复制代码 position:absolute;width:200px;height:200px;left:50%;top:50%;margin-left:-100px;margin-top:-100px POSITION用绝对定位是脱离文档流,,针对浏览器, DIV左上角顶点距浏览器左边整个浏览器宽度的一半即50% DIV左上角顶点距浏览器顶部整个浏览器高度的一半即50% 现在DIV左上角顶点在浏览器的中心位置,然后设置margin-left 往左边浏览器DIV的一半,再设置m

浅析CSS——元素重叠及position定位的z-index顺序

多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题.其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题却不大了解其原因,导致重复出错......于是决定把重叠问题弄清下,把z-index理顺下. 经过一番查找对比实践理解,下面就从元素重叠的背景常识及可能原因说起,浅谈下position定位元素的z-index顺序.总结下我目前的理解,希望也能对遇到过类似问题有同样疑惑的你有一点帮助或启发.   元素