znalazłem ostatnio dosc prosty ale funkcjonalny lightbox (kod ponizej), niestety jest problem z działaniem. Pod Firefoxem działa bez problemów, ale w explorerze oczywiście nie działa. W czym jest problem i jak mozna go naprawic, moze ktoś wie ?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Efekt Lightbox z minimalną ilością JavaScript</title>
  5. .czarne_tlo {
  6. display: none;
  7. position: absolute;
  8. top: 0%;
  9. left: 0%;
  10. width: 100%;
  11. height: 100%;
  12. background-color: #000000;
  13. z-index:1001;
  14. -moz-opacity: 0.8;
  15. opacity:.80;
  16. filter: alpha(opacity=80);
  17. }
  18. .biala_tresc {
  19. display: none;
  20. position: absolute;
  21. top: 25%;
  22. left: 25%;
  23. width: 50%;
  24. height: 50%;
  25. padding: 16px;
  26. border: 16px solid #b30000;
  27. background-color: #ffffff;
  28. z-index: 1002;
  29. overflow: auto;
  30. }
  31. </head>
  32. <p>Bla bla bla jakis tekst na stronie. Aby wyświetlić lightboxa na stronie kliknij: <a href = "java script:void(0)" onclick = "document.getElementById('normalny').style.display='block';document.getElementById('przejscie').style.display='block'">TUTAJ</a>
  33. </p>
  34. <div id="normalny" class="biala_tresc">
  35. To jest treść lightboxa. Jakiś sobie tekst. Kliknij, aby <a href = "java script:void(0)" onclick = "document.getElementById('normalny').style.display='none';document.getElementById('przejscie').style.display='none'">ZAMKNĄĆ</a>
  36. </div>
  37. <div id="przejscie" class="czarne_tlo">
  38. </div>
  39. </body>
  40.  
  41. </html>
  42.