ios4无法正确呈现CSS背景

Question

所以我遇到了一个奇怪的问题，如果有其他人看到过这样的话，我很好奇。

这是我应该看到的（这始终是来自iOS5的视图）。不是图像右侧的白条。

这是iOS4上显示的内容

正如您在iOS4中看到的那样，背景没有显示出来，只是让它变得透明。

这是该元素的css代码

  padding: 10px 0;
  display: block;
  margin: 0 auto 0px auto;
  background: #fff;
  box-shadow: 1px -1px 1px 0 rgba(0,0,0,.08), -1px -1px 1px 0 rgba(0,0,0,.08), inset 0 -1px 1px rgba(255,255,255,.5);
  -webkit-box-shadow: 1px -1px 1px 0 rgba(0,0,0,.08), -1px -1px 1px 0 rgba(0,0,0,.08), inset 0 -1px 1px rgba(255,255,255,.5);
  -moz-box-shadow: 1px -1px 1px 0 rgba(0,0,0,.08), -1px -1px 1px 0 rgba(0,0,0,.08), inset 0 -1px 1px rgba(255,255,255,.5);
  -o-box-shadow: 1px -1px 1px 0 rgba(0,0,0,.08), -1px -1px 1px 0 rgba(0,0,0,.08), inset 0 -1px 1px rgba(255,255,255,.5);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #fff), color-stop(1.05, #eaeae8));
  background: -webkit-linear-gradient(top, #fff 95%, #eaeae8 105%);
  background: -moz-linear-gradient(top, #fff 95%, #eaeae8 105%);
  background: -ms-linear-gradient(top, #fff 95%, #eaeae8 105%);
  background: -o-linear-gradient(top, #fff 95%, #eaeae8 105%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeae8',GradientType=0 );

它不会从父元素或其他任何东西继承任何其他背景调用，并且适用于桌面上的所有内容，适用于Android，当然还适用于iOS5。那么为什么它会忽略iOS4中的背景attr？

我是否可以使用某种开发工具在iPhone上提取实际的CSS？不只是safari开发者工具提醒我错误。

感谢，
布罗迪

Answer 1

需要改变

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #fff), color-stop(1.05, #eaeae8));

到

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #fff), color-stop(1.05, #eaeae8));