关于在Android 4.0上position属性层次问题
在做手机APP开发的时候需要用到一个弹出框和一个遮罩层,在电脑、Ipad、Iphone、Android 2.3系统上显示没有问题,但是在Android 4.0却出现了问题,问题如下:
其主要样式为:
/*弹出框样式*/
.setFrame { text-align:center; overflow:hidden;color:#044c93; -webkit-border-radius:.5em; padding-bottom:15px; position:absolute;left:50%; box-shadow:0 0 10px #000; z-index:11; background-color:rgba(255,255,255,.85); }
/*最底下添加新模式等的那一个模块样式 主要是有设置了position属性*/
.comList_listControl { margin-left:-145px; position:fixed; z-index:5; left:50%; bottom:5px; }
主要是两者之间的position属性互相印象导致出现这种问题,一个是absolute一个是fixed合在一块出现层次显示问题,后面将.comList_listControl 的position改为absolute即可。
显示效果: