Increased z-index and added the option to change it

index.html

@@ -1,7 +1,7 @@
 <!-- *
  * Nofifier
  *
- * @version 1.2.1
+ * @version 1.2.2
  *
  * @author Javier Sanahuja Liebana <[email protected]>
  *
@@ -265,6 +265,15 @@ <h4 id="options" class="mt-4"><a class="text-underline" href="#options">Notifier
                             <p><code>bottom</code>: The latest notification will show at bottom.</p>
                         </td>
                     </tr>
+                    <tr>
+                        <td class="d-flex flex-wrap">
+                            <code class="text-bold flex-grow-1">zindex</code>
+                            <span class="text-danger text-small text-italic">Optional</span>
+                        </td>
+                        <td><em>int</em></td>
+                        <td><code>9999</code></td>
+                        <td>The CSS z-index the notifications container should have</td>
+                    </tr>
                     <tr>
                         <td class="d-flex flex-wrap">
                             <code class="text-bold flex-grow-1">default_time</code>

package.json

@@ -2,7 +2,7 @@
     "name": "@jsanahuja/notifierjs",
     "description": "Instagram Feed without access token. Not using the Instagram API",
     "homepage": "https://github.com/jsanahuja/Notifierjs",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "keywords": [
         "notifier",
         "notification",

src/Notifier.js

@@ -1,7 +1,7 @@
 /*
  * Nofifier
  *
- * @version 1.2.1
+ * @version 1.2.2
  *
  * @author Javier Sanahuja Liebana <[email protected]>
  *
@@ -19,6 +19,7 @@
 }(this, function() {
     var defaults = {
         autopush: true,
+        zindex: 9999,
         default_time: 4500,
         vanish_time: 300,
         fps: 30,
@@ -213,7 +214,7 @@
         if(this.container === null){
             this.container = document.createElement('div');
             this.container.id = "notifyjs-container-" + this.options.position;
-            this.container.style.zIndex = 100;
+            this.container.style.zIndex = this.options.zindex;
             this.container.style.position = "fixed";
             this.container.style.maxWidth = "304px";
             this.container.style.width = "100%";