Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: opacity za drugim razem nie działa
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
GalGavu
Hej.
Mam popup, który wyskakuje po kliknięciu buttona. Wtedy też całe tło się zaciemnia. Rozwiązałem to w ten sposób:
  1. .test
  2. {
  3. position: fixed;
  4. height: 100%;
  5. width: 100%;
  6. background: rgba(0,0,0,.8);
  7. z-index: 100;
  8. display: none;
  9. top: 0;
  10. left: 0;
  11. }
  12. body.ie7 .test
  13. {
  14. background: rgb(0,0,0);
  15. filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
  16. display: inline-block;
  17. }
  18. body.ie8 .reveal-modal-bg{
  19. background: rgb(0,0,0);
  20. filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
  21. display: inline-block;
  22. }


Problem występuje gdy drugi raz próbuje wywołać popupa (oczywiście mowa tylko o ie). Tzn. klikam raz na button i wyskakuje popup (przezroczyste tło), klikam ponownie na button - wyskakuje popup(całe tło czarne). Wygląda to tak jakby dwa divy się nakładały i stąd z przezroczystości się lipa robi ;/ Ktoś ma pomysł jak to rozwiązaćquestionmark.gif
erix
A może pokaż kod, którym odpalasz overlaya?
GalGavu
Problem leżał w fadeout okna.
Tzn. było:
  1. modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);

A zrobiłem:
  1. modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);
  2. modalBG.css({
  3. 'background': 'rgb(0,0,0)',
  4. 'filter':'alpha(opacity=80)',
  5. 'opacity':'0.8',
  6. '-moz-opacity':'0.8',
  7. 'z-index': '1001'
  8. });

I teraz działa w każdej przeglądarce. Chyba, że ktoś masz jakiś lepszy pomysł na to??
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.