ios4没有正确呈现CSS背景

因此，我遇到了一个奇怪的问题，并且好奇是否有其他人看到类似的东西。ios4没有正确呈现CSS背景

这是我应该看到的（这总是从iOS5的视图）。不是图像正面的白色条纹。

enter image description here

这就是显示出来的iOS4的

enter image description here

，你可以在iOS4的看到背景没有显示出来，它只是把它当作透明。

这是我该元素

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);

它没有继承任何其他背景的CSS代码从父元素或任何要求和一切工作的桌面和适用于Android和课程的iOS5的。那么为什么它会忽略iOS4中的背景属性？

有什么样的开发人员工具可以用来将实际的CSS拉到iPhone上？不仅仅是提醒我错误的Safari浏览器开发工具。

感谢，
布罗迪

来源

2012-01-09 Brodie

需要改变

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));

来源

2012-01-09 23:44:50 Brodie

ios4没有正确呈现CSS背景

回答

相关问题