image de background fixe en height:100% mais avec une limite

[bagou01]

Bonjour,
je m'arrache les cheveux depuis tantôt sur un soucis (malheureusement je dévleoppe en local donc je vais tenter d'expliquer pour un mieux
Savez-vous comment je pourrais avoir une image fixe en background de mon site, et que celle-ci occupe TOUJOURS l'écran.
A savoir, j'ai mis ceci en background:

url("../images/bg-mob.jpg") repeat-y scroll center top / auto 100% rgba(0, 0, 0, 0)

et l'image prend bien toujours 100% de hauteur, mais c'est une image en portrait, et quand je réduis la hauteur de la fenêtre, des bandes blanches apparaissent sur les côtés...(cf screenshot) j'aimerais m'en débarrasser.

Quelqu'un a-t-il une idée?

merci beaucoup d'avance !

[bagou01]

Re : image de background fixe en height:100% mais avec une limite

personne?

[Casper17]

Re : image de background fixe en height:100% mais avec une limite

Slt ta photo fait quel largeur et ton site fait quelle largeur ?



Mes extensions incontournables : template creator, asecure, akeeba...... Mais la meilleur de toutes c'est la communauté joomla !

[bagou01]

Re : image de background fixe en height:100% mais avec une limite

bien ma photo est au format vertical, je ne sais plus les dimensions exactement, mais le site n'a pas une largeur fixe puisque je voudrais qu'il soit responsive

[fyleos]

Re : image de background fixe en height:100% mais avec une limite

Bonjour,

As tu essayé le code ci-dessous?
background-size: cover;

[bagou01]

Re : image de background fixe en height:100% mais avec une limite

mmh je viens de tester en retirant la partie

/ auto 100% rgba(0, 0, 0, 0)

et en ajoutant donc background-size:cover;
mais du coup l'image est juste énorme et ne s'adapte pas à la hauteur ou largeur de la fenêtre....

[fyleos]

Re : image de background fixe en height:100% mais avec une limite

essais contain a la place de cover

Si tu veux que l'image est la même largeur que l'écran (peu importe la hauteur du site), pourquoi pas:
background-size: 100% auto;

[bagou01]

Re : image de background fixe en height:100% mais avec une limite

dans ce cas ça revient à faire un repeat-y, j'ai mon background qui se tile verticalement...

[fyleos]

Re : image de background fixe en height:100% mais avec une limite

Quelle solution revient à faire un repeat-y? le background-size: 100% auto; ou le background-size: contain; ?
Dans les deux cas, ça ne devrait pas.
As tu un lien du site?

[bagou01]

Re : image de background fixe en height:100% mais avec une limite

background-size: contain;

sinon je n'ai pas encore de lien car le site est en local, mais je le mettrai online avec ce soucis mineur et je posterai le lien dés que ça sera fait merci en tout cas pour l'aide !