Visualizzazione dei risultati da 1 a 3 su 3

Hybrid View

  1. #1

    overlay su pagina con link ad altra pagina

    ciao dovrei fare questo ma di css non capisco nulla.

    ho una pagina html e dovrei fare un overlay 100% della grandezza che al suo click sia apre altra finestra sia chiude overlay e fa vedere il testo della pagina html

    posso anche mettere un tasto CIHUDI o CONTINUA che apre pagina nuova e fa vedere il contenuto sotto

    spero di essermi spiegato

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,863
    Ciao, solo il CSS potrebbe non bastare, potresti usare una classe da togliere al click con un po' di JavaScript.
    Qui un semplice esempio, vedi se ti puņ andare:
    codice HTML:
    <!DOCTYPE HTML>
    <html lang="it">
      <head>
        <title>Esempio</title>
        <style>
          #overlay {
            background: #aaa;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 9999;
          }
          a:not(.overlay_active) {
            display: none;
          }
        </style>
      </head>
      <body>
        <a href="altrapagina.html" target="_blank" id="overlay" class="overlay_active" onclick="this.classList.remove('overlay_active')">altra finestra</a>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </body>
    </html>
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spč

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.