Mettere immagine per chiudere popup

1 Risposte

• 

  Ipro

  Utente Attivo

  Iscritto da

  feb, 2013

  Messaggi:

  84

  Re: Mettere immagine per chiudere popup

  31 mag 2016, 14:43

  <a href="#" onclick="body.style.overflow='auto';document.getElementById('shade').style.display='none';document.getElementById('chiudi-Scrivimi1').style.display='none';document.getElementById('popup-Scrivimi1').style.display='none'"><img src="immagini/close.png" width="25" height="25" alt="Close" title="Close"></a>  

  CSS

  #shade {
      position: fixed;
      background-color: rgba(0,0,0,0.3);
      width: 100%;
      height: 100%;
      margin: 0 auto;
      display: none;
      z-index: 1;
  }
  
  #popup-Scrivimi1 { 
      position: absolute;
      width: 410px; 
      height: 345px; 
      top: 50%;
      left: 50%; 
      margin-left: -205px;  /*metà della width*/
      margin-top: -172px;  /*metà della height*/
      display: none;  
      z-index: 2;
  }
  
  #chiudi-Scrivimi1 {    
      position: absolute; 
      top: -15px;
      left: 30px; 
      width: 30px;
      height: 25px;
      text-align: center;
      display: none;
      z-index: 2;
  }

  Clicca su @Email che lo vedi all'opera http://www.photoman.altervista.or