CSSを使用してコンテンツオーバーラップの修正されたフッターを作成する

Question

CSSコーディングが完全に新しくなりました。モバイル版のページを下にスクロールすると、自分の画像がフッタの下に表示されるようにしたいのですが、どうすればいいですか？ Thisは今見ています。ここで

は私のフッターのCSSコードです：

.Footer{ 

width:100%; 

position:fixed; 

top:auto; 

bottom:0px; 

background-color:rgba(242,231,213,2); } 

ありがとうございました。

Answer 1

クラスにz-index: 0 !important;を追加すると、カルーセルからの値がz-indexの値が大きくなります。したがって、以下のCSSを追加すると問題が解決されます。

.sqs-gallery-design-stacked-slide{ 
    z-index: 0 !important; 
} 

Answer 2

は、単純にすべてのコンテンツの上に常にフッターを作るために高いz-index値を追加します。

.Footer { 
    width: 100%; 
    position: fixed; 
    top: auto; 
    bottom: 0px; 
    z-index: 999; 
    background-color: rgba(242, 231, 213, 2); 
} 

あなたはこのスクリーンショットで見ることができるように：

あなたのスライドを持っていますフッターの上に表示される大きなZ-インデックス値。したがって、フッターのZインデックスはより大きくなる必要があります。