diff --git a/paper-fab-menu.html b/paper-fab-menu.html
index 5f977cb..5b6266d 100755
--- a/paper-fab-menu.html
+++ b/paper-fab-menu.html
@@ -32,7 +32,7 @@
 @homepage http://cwdoh.github.io/paper-fab-menu
 -->
 
-<polymer-element name="paper-fab-menu" attributes="icon closeIcon duration zIndex">
+<polymer-element name="paper-fab-menu" attributes="icon closeIcon duration zIndex overlay">
   <template>
     <link rel="stylesheet" href="paper-fab-menu.css">
     <style>
@@ -62,7 +62,9 @@
       </style>
     </template>
 
-    <core-overlay id="overlay" layered backdrop transition="core-transition-fade" on-core-overlay-open="{{overlayOpenedChanged}}"></core-overlay>
+	<template if="{{overlay}}">
+		<core-overlay id="overlay" layered backdrop transition="core-transition-fade" on-core-overlay-open="{{overlayOpenedChanged}}"></core-overlay>
+	</template>
     <div layout vertical center class="container" id="fam">
       <content id="content" select="paper-fab-menu-item"></content>
       <paper-fab icon="menu" id="trigger" on-click="{{toggle}}"></paper-fab>
@@ -125,6 +127,14 @@
       * @default 10000
       */
       zIndex: 10000,
+	  
+	  /**
+	  * Set if the overlay of screen should be used when the menu is opened.
+	  * @attribute overlay
+	  * @type boolean
+      * @default false
+	  */
+	  overlay: false,
 
       ready: function() {
         this.calculateTransitionEffects.apply(this);
@@ -134,7 +144,9 @@
       },
 
       overlayOpenedChanged: function() {
-        this.opened = this.$.overlay.opened;
+		if(this.overlay){			
+			this.opened = this.$.overlay.opened;
+		}		
       },
 
       /**
@@ -157,16 +169,20 @@
             return;
 
           for (l in backdrops) {
-            if (backdrops[l] != this.$.overlay.scrim) {
-              // add core-opened to other backdrop for workaround
-              backdrops[l].classList.add('core-opened')
-
-              // remove overlay of fab-menu.
-              this.$.overlay.scrim.remove();
-
-              // just do this at first backdrop.
-              return;
-            }
+			if(this.overlay) {
+				if (backdrops[l] != this.$.overlay.scrim) {
+				  // add core-opened to other backdrop for workaround
+				  backdrops[l].classList.add('core-opened')
+
+				  // remove overlay of fab-menu.
+				  
+					this.$.overlay.scrim.remove();
+				  
+
+				  // just do this at first backdrop.
+				  return;
+				}
+			}
           }
         }
         
@@ -190,8 +206,10 @@
         this.opened = true;
         this.$.trigger.icon = this.closeIcon;
         this.$.trigger.setAttribute("activate", "");
-
-        this.$.overlay.open();
+		
+		if(this.overlay){
+			this.$.overlay.open();
+		}		
       },
 
       /**
@@ -204,7 +222,9 @@
         this.$.trigger.icon = this.icon;
         this.$.trigger.removeAttribute("activate");
 
-        this.$.overlay.close();
+		if(this.overlay){
+			this.$.overlay.close();
+		}        
       },
 
       update: function() {