タグ付けされた質問 「lightbox」

これを可能にする「ライトボックス」タイプのソリューションを探していましたが、まだ見つかりません（ご存知の場合は、提案してください）。 私が再現しようとしている動作は、Pinterestで画像をクリックしたときに表示される動作と同じです。オーバーレイはスクロール可能ですが（オーバーレイ全体がページの上のページのように上に移動するため）、オーバーレイの後ろの本体は固定されています。 私はこれをCSSだけで作成しようとしました（つまり、divページ全体の上にオーバーレイし、で本文を重ねますoverflow: hidden）が、divスクロール可能になるのを妨げません。 本文/ページがスクロールしないようにしながら、フルスクリーンコンテナー内でスクロールし続けるにはどうすればよいですか？

445 css  overlay  lightbox 

私は数日間、サムネイルギャラリーを構成して、すべての画像が同じ高さと幅で表示されるようにしています。ただし、Cssコードを次のように変更すると、 max-height: 150px; max-width: 200px; width: 120px; height: 120px; すべて同じサイズの画像が表示されますが、アスペクト比が引き伸ばされて画像を台無しにしています。代わりに画像ではなく画像コンテナのサイズを変更する方法はありませんか？アスペクト比を維持することができます。ただし、画像のサイズを変更します。（画像の一部を切り取ってもかまいません。） 前もって感謝します！

107 html  css  gallery  lightbox