[Javascript] z-index popup accettazione cookie

Discussione in 'Javascript' iniziata da Yeshua, 15 Maggio 2019.

  1. Yeshua

    Yeshua Nuovo Utente

    Registrato:
    6 Agosto 2018
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Salve ragazzi.
    Nel seguente codice, dove e come inserisco la proprietà z-index affinché il popup del cookie consent appaia al di sopra di ogni elemento?
    Codice:
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
    <script>
    window.addEventListener("load", function(){
    window.cookieconsent.initialise({
      "palette": {
        "popup": {
          "background": "#eb6c44",
          "text": "#ffffff"
        },
        "button": {
          "background": "#f5d948"
        }
      },
      "theme": "classic",
      "content": {
        "message": "Questo sito utilizza cookie tecnici e di terze parti che consentono una migliore navigazione, senza violare alcuna Privacy.  Clicca su ALTRE INFO per maggiori informazioni o su OKAY per accettare la Policy e proseguire.",
        "dismiss": "Okay!",
        "link": "Altre Info",
        "href": "https://nidoisolafelice.it/privacy.html"
      }
    })});
    </script>
    Grazie in anticipo a chiunque voglia aiutarmi.;)
     
  2. |$Alessandro$|

    |$Alessandro$| Nuovo Utente

    Registrato:
    9 Agosto 2019
    Messaggi:
    7
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Ciao @Yeshua,
    per risponderti con certezza avrei bisogno del codice html, ma posso dedurre che la classe del contenitore madre del popup sia 'popup', pertanto l'attributo 'z-index' dovrebbe trovarsi all'interno di quella classe. Prova dunque ad utilizzare questo codice e fammi poi sapere se sono riuscito a risolvere il tuo problema con successo.
    HTML:
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
    <script>
    window.addEventListener("load", function(){
    window.cookieconsent.initialise({
      "palette": {
        "popup": {
          "background": "#eb6c44",
          "text": "#ffffff",
          "z-index": "1" // in questo caso utilizzo il valore 1, ma se hai già utilizzato questo attributo immetti qui il valore più alto.
        },
        "button": {
          "background": "#f5d948"
        }
      },
      "theme": "classic",
      "content": {
        "message": "Questo sito utilizza cookie tecnici e di terze parti che consentono una migliore navigazione, senza violare alcuna Privacy.  Clicca su ALTRE INFO per maggiori informazioni o su OKAY per accettare la Policy e proseguire.",
        "dismiss": "Okay!",
        "link": "Altre Info",
        "href": "https://nidoisolafelice.it/privacy.html"
      }
    })});
    </script>
    
    Se ti sono stato d'aiuto lascia un 'Mi piace'. Grazie:)
     
Sto caricando...

Condividi questa Pagina