Так что я столкнулся со странной проблемой, и мне было любопытно, видел ли кто-нибудь еще что-нибудь подобное.
Это то, что я должен видеть (это всегда вид с 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?
Есть ли какой-нибудь инструмент разработчика, который я мог бы использовать, чтобы использовать iPhone на iPhone? не только инструмент разработчиков Safari, который предупреждает меня об ошибках.
спасибо,
Броди