关于在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即可。

 

 

显示效果:

posted @ 2012-10-12 16:38  ﹏風﹖﹍  Views(1998)  Comments(0Edit  收藏  举报