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背景

回答

相關問題