起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 333|回复: 4

[结贴] 关于popOver使用top:xxx之后空出的部分上按钮仍然可以使用

[复制链接]

5

主题

1136

帖子

1866

积分

评分管理组

积分
1866
QQ
发表于 2017-7-19 19:18:34 | 显示全部楼层 |阅读模式
有些应用要求某页面上面那部分不被popOver遮住,
仿照淘宝top:XXX后确实达到上面部分留空的效果,
但是这样上部分就在popOver外面了,导致上面的按钮在遮罩层未关闭的情况下仍然可以使用
想过把遮罩层设置完全透明,里面的内容页当底部遮罩,有一点就是内容页设置opacity:0.5;后里面的元素也会有透明效果
发表于 2017-7-20 09:33:58 | 显示全部楼层
做好截图!或者吧页面资源发来!本地重现看下你的效果!
本地设置top属性 并不会出现部分留空

popOver 就是遮住整个页面的!
你试试这个案例
/UI2/system/components/justep/popOver/demo/base.w
能否重现这个问题?
怎么重现
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

5

主题

1136

帖子

1866

积分

评分管理组

积分
1866
QQ
 楼主| 发表于 2017-7-21 09:39:22 | 显示全部楼层
这是/UI2/demo/taobao/found.w  
QQ图片20170721093246.png
QQ图片20170721093731.png
QQ图片20170721093957.png
回复 支持 反对

使用道具 举报

发表于 2017-7-21 11:51:36 | 显示全部楼层
YZH 发表于 2017-7-21 09:39
这是/UI2/demo/taobao/found.w

是的,它重写了样式
你可以把css

.x-popOver-overlay{ top:88px; background-color:#000;}

这行代码去掉就行了,这样就不是全屏遮罩了!


opacity 设置为0 就可以透明!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

5

主题

1136

帖子

1866

积分

评分管理组

积分
1866
QQ
 楼主| 发表于 2017-7-21 14:36:11 | 显示全部楼层
因为要求就是上面完全透明,下面部分半透明, top:88px;去掉的话就都半透明了不是很符合,先结吧谢谢了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2019-5-26 12:09 , Processed in 0.125186 second(s), 28 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表