CSS3 Lightbox

[Bobby]

Moin

ich hab es so getestet, aber er springt noch immer:

<p><a href="#naja">Lightbox 1 öffnen</a></p>

<a id="naja" class="background-overlay" href="#"></a>
  <div class="lightbox-container">
    <div class="lightbox-content"  id="naja">

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor</p>
      <a class="lightbox-close" href="#" id="naja"></a>
    </div>
  </div>

>   
> und darf eine ID nicht nur einmal vorkommen?  
  
Du hast das falsch verstanden. selbstverständlich darf eine ID nur einmal vorkommen. Gibt dem Closebutton eine ID und verlinke darauf.  
  
bei der nächsten Box hat der Link natürlich eine andere ID.  
  
~~~html
  
<p><a href="#lb3">Lightbox 3 öffnen</a></p>  
<a id="lb3" class="background-overlay" href="#close3"></a>  
  <div class="lightbox-container">  
    <div class="lightbox-content">  
      <p><a href="#lb2">Lightbox 2</a></p>  
      <p>Lorem ipsum dolor sit amet, ..... </p>  
      <a class="lightbox-close" href="#close3" id="#close3"></a>  
    </div>  
  </div>  
  
<p><a href="#lb3">Lightbox 2 öffnen</a></p>  
<a id="lb3" class="background-overlay" href="#close2"></a>  
  <div class="lightbox-container">  
    <div class="lightbox-content">  
      <p><a href="#lb2">Lightbox 2</a></p>  
      <p>Lorem ipsum dolor sit amet, ..... </p>  
      <a class="lightbox-close" href="#close2" id="#close2"></a>  
    </div>  
  </div>  

und schon spriungt nichts mehr (geht allerdings im IE < 9 nicht!, da gibts noch kein target-Pseudo)

Gruß Bobby