background url cover ne marche pas sur iPhone

[VL10]

Bonjour à tous,

 

J'ai acheté un thème prestashop (jms_enter) et dans leur page d'accueil il y a des grandes images qui défillent. Le soucis c'est que sur mon iphone ça ne marche pas et mes images sont flous.

 

Avez-vous une solution ? Voici mon code : (et l'RUL de mon site : http://romeo-shop.com)

 

.wrapper-banner{

}

.wrapper-banner .container {

    display: table;

    height: 100%;

}

.wrapper-banner-inner {

    display: table-cell;

    vertical-align: middle;

}

.wrapper-banner.wrapper-banner0{

background: url("../img/demo/banner-1.jpg") no-repeat scroll center top /cover rgba(0, 0, 0, 0);

text-align: right; 

}

 

bonne soirée à tous,

Viktor

[Eolia]

Et demander à son développeur ne serait pas une bonne idée ?

[VL10]

Pas de réponse.

[justtodownloadthings]

Effectivement, safari ne gère pas correctement la propriété cover.

Tu peux essayer quelque chose de ce genre 

.wrapper-banner.wrapper-banner0{
background-size: cover;
background-attachment: fixed;
background-position: center center;
}

avec un 

background-attachment: scroll

quand tu as atteint la max-width que tu t'es fixé