Обходной путь для непрозрачности на iPad?

Question

Понятно, что установка непрозрачности на что угодно, кроме 1, снижает производительность на ipad.

Производительность анимации Webkit на IPad

Я работаю над функцией, которая принесет пользуиз-за того, что у некоторых элементов непрозрачность меньше 1 *. 1007 *

Проблема заключается в том, что при прокрутке вниз ipad любой элемент с непрозрачностью менее 1 неотображается.Только когда прокрутка останавливается, элементы отображаются правильно.Кто-нибудь может придумать, как добиться того же эффекта, который мне нужен?

Answer 1

Решение 1. Если вы используете сплошной фон, вы можете попробовать наложить прозрачный png.

решение 2: или вы можете создать спрайт изображения png.или даже JPG действительно зависит от вашего фона.Вы бы добавили наложение, скажем, в фотошопе, а не поверх него, и поменялись бы местами фона.

решение 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/

Также в зависимости от того, нужен ли вам пользователь для взаимодействия с элементами, имеет значение, по какому маршруту вы хотите идти.

Answer 2

То же самое происходит с позиционированными элементами на iPad. Возможно, вы могли бы наложить объект, который пытаетесь сделать непрозрачным, полупрозрачным изображением PNG. Трудно сказать, насколько сложно это было бы, не видя разметки, но, вероятно, это было бы не так уж плохо.