Mobile Safari remove imagem de fundo do corpo - iphone, ios, css, safari móvel

http://www.samson-book.com

Este site possui uma imagem de plano de fundo definida por CSS no corpo da página. ele é exibido em todos os navegadores de desktop e android, mas NÃO no safari para celular no iOS. Eu não consigo descobrir o porquê.

CSS:

@media only screen and (max-width: 480px) {
body {
background-image: url("img/bg_small.jpg");
background-repeat: no-repeat;
background-color: #000;
}
#coverbox {
width: 80%;
margin-left: 20px;
}
}

Respostas:

Não tenho certeza, mas você tentou apenas uma linha como:

background: url("img/bg_small.jpg") no-repeat top center #000;

o centro superior é apenas um alinhamento, para que ele grude na parte superior do dispositivo e o centralize automaticamente. Espero que ajude normalmente funciona para mim.

Não pude testar isso, mas suspeito que seja porque a tela da retina do iPhone tem uma largura de 640px, que é maior que a max-width: 480px você especificou em seu CSS.