Mauvaise position de l'arrière-plan en mode réactif

Question

Lorsque je passe en mode réactif, l'image blanche du bas ne se trouve pas en bas de l'élément parent .

Pouvez-vous s'il vous plaît aidez-moi avec ça? L'image a position:absolute avec 0 (marqué avec un rectangle rouge sur écran fourni) à partir du bas de l'élément parent donc il devrait fonctionner sans problème ....

Voici lien vers la page où vous pouvez inspecter les éléments: Slider

Answer 1

le probleme résident dans la hauteur fixe dans l'élément de pseudo de fond:

essayer de manière à régler la hauteur dynamicly utilisant calc css3 et définir background-size-100%:

.slideshow:after { 
    content: ""; 
    background: url(../img/bottom.png); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: calc(31%); 
    z-index: 999999; 
}