[Javascript] z-index popup accettazione cookie

Yeshua

Nuovo Utente
6 Ago 2018
8
0
1
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.;)
 

|$Alessandro$|

Nuovo Utente
9 Ago 2019
7
0
1
Ciao [B]@Yeshua[/B],
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:)