MA
MA
  • 发布:2016-03-14 22:48
  • 更新:2016-03-15 00:27
  • 阅读:1614

请教如何用webview做不规则图形遮罩(不规则导航)

分类:MUI

像懒人听书下面下面的导航这样,导航中有个圆形突起遮住正文内容。

我的想法是把底部导航单独放在一个webview里面,然后把webview背景设为透明,但是没找到webview背景透明的方法。

有可能实现吗?

2016-03-14 22:48 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

webview支持透明

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStyle

  • MA (作者)

    这种效果能实现吗?


    用background还是opacity?

    background设置的是是webview窗口“空白”区域的颜色,这个属性不知道有什么用,比如手机屏幕是600px,然后在界面上添加一个子webview,高度是100px定位到底部,我需要设置的是html“下面”的背景色,也就是这100px内的背景色,而不是其余500px的背景色,background我试了设置的是这500px部分的背景色,也就是没有html代码的部分,没什么用啊。

    opacity是整个webview的透明度,如果设为0,里面的html也变全透明了。

    2016-03-15 12:07

  • DCloud_UNI_FXY

    回复 MA:是webview的background属性,设置这个webview的位置及高度,在这个webview上实现你的底部导航效果,

    2016-03-15 12:54

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