Fotorama transparenter Hintergrund

Question

Ich benutze das Fotorama Slider Plugin, mit dem man ein Bild im Vollbild öffnen kann. Ich brauche den Hintergrund, um transparent zu sein, aber ich kann es nicht ändern.

Sie können sehen, was ich meine, indem Sie auf klicken und eines der Bilder im kleinen Schieberegler im Vollbildmodus öffnen.

Ich habe versucht, alle Hintergrund im Schieber auf folgendes zu ändern:

background: rgba{0,0,0,0); 

Answer 1

Es ist möglich, - Habe ich es mir aus mit dem folgenden Code:

.fullscreen .fotorama--fullscreen { 
    background: transparent !important; 
} 

.fullscreen .fotorama__wrap { 
    background: rgba(0,0,0,0.7) !important; 
} 

.fullscreen .fotorama__img { 
    top: 0px !important; 
    width: 50% !important; 
    height: auto !important; 
    margin: auto !important; 
    left: 0px !important; 
} 

Answer 2

Es geht um diesen Teil des Codes:

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { 
    background: #000; 
} 

Aber Sie es transparent nicht einstellen können Sie, kann es auf weiß setzen. Oder Sie können stattdessen ein bestimmtes Bild hinzufügen.

EDIT

Sie es nicht transparent einstellen, weil Sie in einem Vollbild-Modus und standardmäßig eingeben, wird der Hintergrund schwarz gesetzt. Sie können diese Farbe nach jeder gewünschten Farbe ändern, aber Sie werden nie den Inhalt Ihrer Website sehen.

Sehen Sie diesen Beitrag auf SO:

Background/element goes black when entering Fullscreen with HTML5