wqj
wqj
  • 发布:2016-03-17 22:17
  • 更新:2018-11-27 15:37
  • 阅读:3047

mui底部超出部分怎没显示

分类:HTML5+


这个怎么解决,无论怎样底部的宽度都固定,超出部分不现实,
我想创造

这个效果
这是一个底部选项卡
<nav class="mui-bar mui-bar-tab" style="z-index: 999;">
<a class="mui-tab-item mui-active" href="#homepage">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">礼品珠宝</span>
</a>
........
上面是一个子页面,在子页面之上无法显示

2016-03-17 22:17 负责人:无 分享
已邀请:

最佳回复

DCloud_heavensoft

DCloud_heavensoft

用webview选项卡,突出的那块,确实会导致一横条空白。
用div选项卡,可以自己改css做出这种效果。

wqj

wqj (作者)

这是底部选项卡

nickname999

nickname999

楼主问题解决了没,我也碰到同样的问题了。只要主页面append子页面内容,好像会把主页面给挡住。
把主页面的zindex设定了很大的值也没用。

  • wqj (作者)

    是的,zindex没有用,在子页面初始化的时候设定style也不行

    2016-03-18 11:28

Android_磊子

Android_磊子

是否与mui示例 "tab bar选项卡"结构一样,示例是否也会有问题?

  • wqj (作者)

    示例也是,超出部分不会显示

    2016-03-18 11:32

  • Android_磊子

    目前确实没有办法实现此效果。

    2016-03-18 12:49

cC2015

cC2015 - 职业电脑玩家

修改var subpage_style = {
top: '0px',
bottom: '51px',
zindex: '-10'
};也没有用

1***@qq.com

1***@qq.com

楼主解决没?????????

1***@qq.com

1***@qq.com

楼主解决了吗

  • 回梦無痕

    HB已经有这种凸出的tab的实例,你可以直接拿来用

    2018-11-27 15:40

该问题目前已经被锁定, 无法添加新回复