/ / Fundament Modalne półprzezroczyste tło odcina - jquery, css, modal-dialog, zurb-foundation, zurb-foundation-5

Fundament Modalne półprzezroczyste tło odcina - jquery, css, modal-dialog, zurb-foundation, zurb-foundation-5

Okay, więc tutaj jest strona demo: http://hayati.yahyauddin.com/

Aby zobaczyć modalny, najedź myszą na produkt i kliknij przycisk powiększenia, by wyświetlić szybki podgląd produktu.

Jeśli będziesz kontynuować przewijanie w dół, zobaczysz, że szare półprzezroczyste tło przestaje się wyświetlać. Ten problem występuje niezależnie od rozmiaru ekranu!

Problem 1

Dlaczego tak się dzieje i jak mogę to naprawić?

Uwaga: ten problem nie występuje w witrynie fundacji: http://foundation.zurb.com/docs/components/reveal.html

Odpowiedzi:

1 dla odpowiedzi № 1

Chłopaki Zurb zmienili swoją domyślną pozycję z ustalonej na absolutną (nie rozumiałem dlaczego), potem zmienili zdanie i powrócili do naprawy.

Zostało to zaimplementowane w wersji 5.5.1 https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78

aktualizacja pomoże :)


0 dla odpowiedzi nr 2

Wygląda na to, że naprawiłem ten problem. Problem polegał na tym, że pozycja _reveal.scss ustawiła się absolutnie dość dziwnie. Jest taki komentarz, który mówi allows modal background to extend beyond window position na miks. To oczywiście nie było tak.

Właśnie zmieniłem position: absolute do position: fixed i to działa!

Możesz zostawić komentarz, dlaczego myślisz, że robili to devowie.