Исправлен нижний колонтитул с пустыми значками на Android 2.3

Question

Мы разрабатываем гибридное приложение для Android и iOS и используем html + css для создания стиля приложения. Однако есть одна проблема, которую мы не можем исправить прямо сейчас:

Поскольку мы хотим поддерживать Android 2.3-4.2 и iOS 5.1-6.1, мы стараемся использовать «position: fixed» для фиксированного верхнего и нижнего колонтитула. Чтобы иметь возможность использовать «свечение» на вкладках в нижнем колонтитуле, мы используем webkit-mask-image и градиентный фон. Это хорошо работает на iOS и Android 4+, но не на Android 2.3.

Кроме того, если мы удалим все «фиксированные» элементы на странице, значки отображаются на 2.3.

Это похоже на этот вопрос: http://www.sencha.com/forum/archive/index.php/t-192463.html?s=9b3768697b19cd9957d1c0ee2b7fe6da, но мы используем z-index для div, и эта проблема связана с Android 4.0.3 и работает на Android 2.3. Однако Sencha, похоже, не использует «положение: фиксированное» для верхнего и нижнего колонтитула.

У кого-нибудь есть предложение о том, как решить эту проблему?

Answer 1

У меня была такая же проблема с иконками SVG, и я обнаружил, что Android < 2,3 does not support SVG (с помощью браузера по умолчанию).

This article описывает решение (т. Е. Обходное решение) с использованием canvg.js для визуализации SVG с холстом.