解决“背景附件:固定”,这是不适用于iOS4

我努力获得固定的背景图像的网页,所以当页面在UIWebView中滚动时图像不会移动。
我发现的是: background-attachment: fixed在iOS4中不起作用(使用4.2.1)。 要仔细检查,我已经准备好了一个页面(下面的代码片段),在<head>部分,这个页面可以在Safari和Firefox的Mac上正常工作,但是在iPhone的Safari浏览器中却没有这样做。

你有什么build议作为实现预期成果的解决方法? 我已经使我的UIWebView半透明,并添加了UIImageView,所以我可以通过半透明的页面看到“固定的背景图像”。 不幸的是,当我滚动结束/开始边缘时,我可以看到UIWebView边框。

是否有任何官方的苹果资源/网页,说明background-attachment: fixed没有实施iOS4?

干杯!

PS上面提到的代码片段:

 <style type="text/css"> body { background: #ffffff url('image.jpg') fixed no-repeat; background-attachment: fixed; } </style> 

我不知道CSS是怎么回事,也没有机会自己检查一下,但是我知道什么时候我试图摆脱UIWebView的阴影我使用了这一点的代码:

 NSArray *sv = [NSArray arrayWithArray:[myWebView subviews]]; UIScrollView *webScroller = (UIScrollView *)[sv objectAtIndex:0]; NSArray *wsv = [NSArray arrayWithArray:[webScroller subviews]]; [[wsv objectAtIndex:6] setHidden:YES]; [[wsv objectAtIndex:7] setHidden:YES]; [[wsv objectAtIndex:8] setHidden:YES]; [[wsv objectAtIndex:9] setHidden:YES]; 

它摆脱了阴影。 我以为我从一个SO问题中得到了答案,但是当我find它的时候, 这是唯一出现的问题。

它通过了App Store的检查。

使用一个负值的z-index作为背景:

 <head> <style> #background { background: url("background.jpg") no-repeat; position: fixed; top: 0; left: 0; background-size: 320px 480px; width: 320px; height: 480px; z-index: -1; } </style> </head> <body> <div id="background"></div> This body text appears over the fixed background and scrolls. </body> 

适用于iOS 5和iOS 6。