我们正在开发适用于 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' 作为页眉和页脚。
有人对如何解决这个问题有建议吗?