Jump to content

background url cover ne marche pas sur iPhone


VL10
 Share

Recommended Posts

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

Share this post


Link to post
Share on other sites

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é

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More