ie67bug.之zIndex层叠

zoukankan html css js c++ java

ie67bug.之zIndex层叠

这个是ie6-7下。zIndex的bug。可以在ff/ie8下和 ie6/7下做对比。

问题描述：在ie6/7下。有out1和out2两个同级的div，现在在其内部分别有一个in1和in2。现在在ie6/7下，无论in1怎么设置z-index.都无法将out2盖住。

只能从根本上解决问题，也就是out1的z-index要>out2的z-index才行。比如直接把out2的zIndex=-1解决。但这样有时候会需要大量的js操作。

原因：在正常情况下，不设置zIndex。同级的div，zIndex是一致的。但是在ie6/7下，同级的div，后面的zIndex值已经大于前面的了。现在不管你怎么改前面元素div的子元素的zIndex.都不能盖住后面的div元素。

解决办法 ：手动设置同级div的z-index就行了。如下面的。手动设置#out1的zindex大于#out2.或者设置#out2为-1

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <mce:style type="text/css"></mce:style> </head> <body> <input type="button" value="点击我，将#out2的z-index设置-1"/> <input type="button" value="点击我，将#out1.z-index设置为2，将#out2.z-index设置成1"/> <div class="out" id="out1">out1 <div class="in in1">我是in1在ie6/7下不管怎么设置z-index.始终会被下面的div盖住。</div> </div> <div class="out" id="out2">out2 <div class="in in2">想要盖住我吗？从根本上解决问题。才行</div> </div> <mce:script type="text/javascript"></mce:script> </body> </html>

查看全文

相关阅读:
Cocos2d-x学习笔记（二十五）之加速度传感器事件
 Cocos2d-x学习笔记（二十四）之触屏事件
 Cocos2d-x学习笔记（二十三）之动画
 Cocos2d-x学习笔记（二十二）之网格动作
 Cocos2d-x学习笔记（二十一）之动作管理类CCActionManager
Cocos2d-x学习笔记（二十）之组合动作
 Cocos2d-x学习笔记（十九）之缓冲动作
 Cocos2d-x学习笔记（十八）之基本动作
 Cocos2d-x学习笔记（十七）之动作类CCAction
Cocos2d-x学习笔记（十六）之定时器（时间调度）

原文地址：https://www.cnblogs.com/lunalord/p/2052767.html