2017-03-12 27 views
2

応答モードに切り替えると、下部の白い画像は親の末尾にありませんul要素です。応答モードの下部バックグラウンドの位置が正しくない

これで私を助けてもらえますか?それは問題なく動作しなければならないので、画像は....親要素の下から(提供スクリーンショット上の赤い長方形でマークされた)0とposition:absoluteを持っている。ここ

は、あなたが要素を検査できるページへのリンクです:Slider

enter image description here

答えて

1

probleme背景擬似要素に一定の高さに存在する:

のでCALC css3を用いdynamicly高さを設定し、100%background-sizeを設定しよう:

.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; 
} 
+1

大変ありがとうございます。 :) –

+0

あなたは歓迎です:)私はあなたを助けてうれしいです –

関連する問題