1

我们正在开发适用于 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 但我们确实为 div 和这个问题标签使用 z-index Android 4.0.3 并在 Android 2.3 上运行。然而,Sencha 似乎没有使用 'position:fixed' 作为页眉和页脚。

有人对如何解决这个问题有建议吗?

在此处输入图像描述

4

1 回答 1

0

我对 SVG 图标也有同样的问题,我发现 Android <2.3不支持 SVG(使用默认浏览器)。

本文介绍了一种使用canvg.js以画布呈现SVG的解决方案(即解决方法) 。

于 2013-05-10T10:46:37.197 回答