Position:Relative/Absolute无法冲破的等级
前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：
ulli第一块/lilispan第二块/span/lili第三块/lili第四块/lili第五块/li/ul
如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPAN的z-index值设置得再高都将永远在后面父级的下面。
*{margin:0; padding:0; list-style:none;}li {width:100px; height:100px; margin:0 5px 0 0; background:#000; float:left; position:relative; z-index:1;}li span {width:200px; height:100px; background:#c00; position:absolute; top:0; left:100px; z-index:1000;}试一下很容易发现我们的子级，z-index的值达到了...[ 查看全文 ]
2016-02-19
标签:
