Ungültige Position des unteren Hintergrunds im Antwortmodus

Question

Wenn ich in den Antwortmodus umschalte, befindet sich das untere weiße Bild nicht am unteren Rand des übergeordneten Elements ul.

Können Sie mir bitte dabei helfen? Das Bild hat position:absolute mit 0 (markiert mit einem roten Rechteck auf versehen Screenshot) von der Unterseite des übergeordneten Elements so sollte es ohne Probleme arbeiten wird ....

Hier Link zu Seite, wo Sie Elemente überprüfen können: Slider

Answer 1

die Probleme liegen in der festgelegten Höhe in dem Element Hintergrund pseudo:

so versuchen Höhe einzustellen dynamicly calc Verwendung css3 und stellen background-size zu 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; 
}