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

概述一般新产品都会添加一个新手引导页的功能，对于使用tip方式展现，可以使用position:absolute定位， 使用opacity 的方式添加背景层会出现：浮层上面的所有图片都会变成半透明的效果。 这种情况下，使用 background-color:rgba(0,0,0,0.3); 的方式设置半透明效果。 同时，需要阻止浮层下事件： container.bind('touchmove',func

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

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

这种情况下，使用

background-color:rgba(0,0.3); 

的方式设置半透明效果。

同时，需要阻止浮层下事件：

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

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

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

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

总结

以上是内存溢出为你收集整理的[iPad WebApp]使用background和opacity的区别全部内容，希望文章能够帮你解决[iPad WebApp]使用background和opacity的区别所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。