小曾
小曾
  • 发布:2016-11-09 10:43
  • 更新:2016-11-09 10:43
  • 阅读:5446

webview层级的一个问题(设置zindex后ios上与安卓不一致)

分类:HTML5+

效果:(菜单中间的那个图标比较大,需要凸显出来)

设置菜单层级和样式

mui.init({  
                            subpages:[{  
                                  url:'nav.html',  
                                  id:'nav.html',  
                                  styles:{  
                                    zindex:"90",  
                                    width:"100%",  
                                    height:"70px",  
                                    bottom:"0px",//默认为0px,可不定义;  
                                    background:"transparent"  
                                  }  
                            }]  
                        });  
                        var subpages = ['bf.html', 'straight.html', 'find.html', 'expert.html', 'person.html'];  
                        var subpage_style = {  
                            zindex:"20",  
                            top: '0px',  
                            bottom: '50px'  
                        };

点击菜单切换的代码

for(var i=0;i<subpages.length;i++){  

                        if(subpages[i]==targetTab){  
                            plus.webview.show(subpages[i]);  
                            plus.webview.show('nav.html');  
                        }else{  
                            plus.webview.hide(subpages[i]);  
                        }  
                    }  

注意:这个plus.webview.show('nav.html');一定要加上去(原因:在ios上面,plus.webview.show()这个方法会默认把这个层显示在最上面)

0 关注 分享

要回复文章请先登录注册

简约_FE

简约_FE

zIndex i大写试试呢
2016-11-09 14:03