解决ipad上的不透明度问题？

Question

很明显，将不透明度设置为除1之外的任何内容都会损害ipad的性能。

Webkit animations performance on IPad

我正在开发一项功能，可以将某些元素的不透明度设置为小于1，从而获益匪浅。

问题在于，当我向下滚动ipad时，不会显示任何不透明度小于1的元素。仅在滚动停止时才能正确呈现元素。任何人都可以想到一个技巧来达到我需要的相同效果吗？

Answer 1

iPad上的定位元素也会发生同样的事情。您可以使用半透明PNG图像覆盖您尝试使其不透明的内容。很难说如果没有看到你的标记会有多困难，但它可能不会太糟糕。

Answer 2

解决方案1： 如果您使用的是纯色背景，可以尝试覆盖透明的png。

解决方案2： 或者你可以创建一个图像精灵png。甚至jpg真的取决于你的背景。你会在photoshop中添加叠加说法，而不是实际覆盖它，并且会交换背景位置。

解决方案3： png的透明度背景宽度为100％，高度为100％。

<div id="bg"></bg> <-- set z-index to 1
<div class="element dead"></div><-- set z-index to 0
<div class="element alive"></div><-- set z-index to 3

死亡元素会出现在bg后面，看起来好像已经消失了。 请在此处查看此操作：http://jsfiddle.net/cma9B/2/

此外，取决于您是否需要用户与元素进行交互，这会改变您想要去的路线。