/ / Foundation Modal halbtransparenter Hintergrund schneidet ab - jquery, css, modal-dialog, zurb-foundation, zurb-foundation-5

Foundation Modal semitransparenter Hintergrund schneidet ab - jquery, css, modal-dialog, zurb-foundation, zurb-foundation-5

Okay, hier ist die Demo-Seite: http://hayati.yahyauddin.com/

Um das Modal anzuzeigen, bewegen Sie den Mauszeiger über ein Produkt und klicken Sie auf die Zoom-Schaltfläche, um die Schnellansicht für das Produkt anzuzeigen.

Wenn Sie weiter scrollen, sehen Sie, dass der graue halbtransparente Hintergrund aufhört. Dieses Problem tritt unabhängig von der Bildschirmgröße auf!

Problem 1

Warum passiert das und wie kann ich das beheben?

Hinweis: Dieses Problem scheint auf der Website der Stiftung nicht zu auftreten: http://foundation.zurb.com/docs/components/reveal.html

Antworten:

1 für die Antwort № 1

Die Jungs von Zurb änderten ihre Standardposition von fest auf absolut (ich verstand nicht warum), dann änderten sie ihre Meinung und gingen wieder zu einem festen Punkt über.

Dies wurde in 5.5.1 implementiert https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78

Aktualisierung wird helfen :)


0 für die Antwort № 2

Ich habe anscheinend das Problem behoben. Das Problem war, dass in der _reveal.scss die Position als absolut seltsam festgelegt wurde. Es gibt einen Kommentar, der sagt allows modal background to extend beyond window position für den Mix in. Das war eindeutig NICHT der Fall.

Ich habe gerade das geändert position: absolute zu position: fixed und es funktioniert!

Fühlen Sie sich frei, einen Kommentar zu hinterlassen, warum Sie denken, dass die Entwickler dies getan haben.