Masquage de débordement ne fonctionne pas

Question

Heyo, j'utilise une image de largeur 2000px comme arrière-plan pour une page Web de largeur 960px. J'essaye de faire en sorte qu'il ne montre pas une barre de défilement horizontale quand une partie de l'image est à la droite de ce qui est visible, mais ce que j'essaie de faire ne fonctionne pas pour moi.

Deux ID sont impliqués. L'un est 'bg' qui a l'arrière-plan comme arrière-plan et est positionné là où je le veux, tandis que l'autre est 'bg_holder' qui contient seulement 'bg' et que j'ai essayé d'utiliser pour couvrir la page visible son débordement de sorte que la partie de l'image de fond qui saillie ne provoquerait pas une barre de défilement. Mais cela ne semble pas fonctionner, car une barre de défilement est créée quand il y a une partie de l'image à droite de la page web visible (mais pas quand elle est à gauche).

Y a-t-il un problème avec cet extrait CSS? Est-ce que quelque chose en dehors de cet extrait pourrait être la source du problème? Y a-t-il une autre approche que je peux prendre?

#bg_holder { 
position: absolute; 
overflow: hidden; 
min-width: 960px; 
top: 0px; 
left: 0px; 
right: 0px; 
height: 100%; 

}

#bg { 
background: url(../img/bg.jpg); 
position: absolute; 
height: 1050px; 
width: 2000px; 
margin-left: -1366px; 
left: 50%; 
z-index: -1; 

}

Answer 1

Pour répondre à votre question, en positionnant #BG absolument, vous sortez du document flux/hors de celui-ci est l'élément parent, de sorte que le trop-plein: caché n'a aucun effet. Pour ajouter un commentaire, vous pouvez placer l'image d'arrière-plan exactement où vous voulez (x, y) lorsque vous la placez directement dans #bg_holder, il ne semble pas nécessaire de placer l'arrière-plan dans une div séparée . Pour autant que je sache au moins, mais je n'ai pas vu le reste de votre code et je ne sais pas ce que vous voulez atteindre exactement.