css - 在 ios7 native 选择 Jquery Mobile 上越来越不透明的区域

Question

如果您在使用 Jquery Mobile (v1.4) 编写的 Web 应用程序中有一个“select”元素，当在 iOS7 中运行时使用 data-native-menu="true"(默认)，您将获得 iOS7 Spinner 选择器。这很好，但是随着“选择”在页面下方越来越深(即在选择之前还有其他内容)，选择器窗口变得越来越不透明，以至于无法使用。

我认为这可能是因为微调器是“透明的”并且期望其下方有白色背景，但您将如何实现这一点？

示例(请在 iOS7 的 iPhone 上运行):

http://eventingedge.com/mobile/demos/picker

Answer 1

@Omar - 是的，它是浏览器背景。您的 fiddle 在最后一次选择之后有文本 - 这减少了(但没有消除)问题。这与我对 400 像素高度的白色 div 的想法基本相同，这似乎是网络应用程序的可行解决方法。

但是，我的最终目标是将 webView 背景设置为黑色的 PhoneGap/Cordova - 可能会使情况变得更糟!但是，它也允许通过编辑 MainViewController.m 消除问题(在 PhoneGap/Cordova (3.3.0) 环境中):

- (void)webViewDidFinishLoad:(UIWebView*)theWebView
{
    // Black base color for background matches the native apps
    //theWebView.backgroundColor = [UIColor blackColor];
    //iOS7 changed to white so pickers at end of page have base white  colour
    theWebView.backgroundColor = [UIColor whiteColor];

    return [super webViewDidFinishLoad:theWebView];
}

这会将基本的 webview 颜色更改为白色，因此为页面选择器的末尾提供白色背景。