[iPad WebApp]使用background和opacity的区别

一般新产品都会添加一个新手引导页的功能,对于使用tip方式展现,可以使用position:absolute定位,

使用opacity 的方式添加背景层会出现:浮层上面的所有图片都会变成半透明的效果。

这种情况下,使用

background-color:rgba(0,0,0,0.3); 

的方式设置半透明效果。

同时,需要阻止浮层下事件:

container.bind('touchmove',function(e){
        			e.preventDefault();
        		});


另外吐槽一下“我的淘宝”新版里边的新手引导页:

做法是首先进入一个新的静态页,采用一张巨大的背景图(纯静态的,不可变),然后再把step图定位到相应位置。

个人觉得不是很好,不晓得是什么个原因要这么做。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值