Ich verwende Bootstrap 4, um eine modale Galerie für die persönliche Website eines Freundes zu erstellen. Ich habe es so eingerichtet, dass die Bilder beim Schweben erweitert werden. Wenn ich den Überlauf jedoch auf „Auto“ stelle, werden sie am Rand des Modals (oder Div) abgeschnitten. Die Galerie ist auch die dritte in einer Reihe von Registerkarten, aber alle funktionieren großartig.

Ich habe versucht, das Div mit der Overflow-Auto-Klasse zu ändern. Ich habe versucht, alles anders zu markieren, aber egal, was ich versuche, ich finde nicht heraus, wie ich dafür sorgen kann, dass die Galerie scrollt und meine Bilder angezeigt werden Beim Hover nicht scrollen ist abgeschnitten. Nun der entsprechende Code:

.gallery { overflow:visible !important; z-index:999; } .gallery-img { background-color:#ffeaf2; height:10rem; margin-left:0.5rem; margin-top:0.5rem; padding:0.3rem; transition: transform .5s; width:auto; } .gallery-img:hover { box-shadow: 0 0 3px 3px #ffeaf2; transform: scale(2); z-index:999; }

 
 
Gallery
 
 
 
     
 
 

Wenn Sie weitere Informationen benötigen, lassen Sie es mich bitte wissen! Das ist das erste Mal, dass ich hier poste :)