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

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

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

这种情况下,使用

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

的方式设置半透明效果。

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

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


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

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

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

你可能感兴趣的:(function,ipad,webapp,产品)