diff --git a/Popover.js b/Popover.js
index a937b01..c55cf9e 100644
--- a/Popover.js
+++ b/Popover.js
@@ -37,6 +37,7 @@ var Popover = React.createClass({
   propTypes: {
     isVisible: PropTypes.bool,
     onClose: PropTypes.func,
+    onBgPress:PropTypes.func
   },
   getInitialState() {
     return {
@@ -59,6 +60,7 @@ var Popover = React.createClass({
       arrowSize: DEFAULT_ARROW_SIZE,
       placement: 'auto',
       onClose: noop,
+      onBgPress:noop
     };
   },
   measureContent(x) {
@@ -345,7 +347,9 @@ var Popover = React.createClass({
     return (
       <TouchableWithoutFeedback onPress={this.props.onClose}>
         <View style={[styles.container, contentSizeAvailable && styles.containerVisible ]}>
-          <Animated.View style={[styles.background, ...extendedStyles.background]}/>
+         <TouchableWithoutFeedback onPress={this.props.onBgPress}>
+            <Animated.View style={[styles.background, ...extendedStyles.background]}/>
+          </TouchableWithoutFeedback>
           <Animated.View style={[styles.popover, {
             top: popoverOrigin.y,
             left: popoverOrigin.x,
@@ -371,6 +375,7 @@ var styles = StyleSheet.create({
     right: 0,
     position: 'absolute',
     backgroundColor: 'transparent',
+    zIndex:999
   },
   containerVisible: {
     opacity: 1,
@@ -386,10 +391,6 @@ var styles = StyleSheet.create({
   popover: {
     backgroundColor: 'transparent',
     position: 'absolute',
-    shadowColor: 'black',
-    shadowOffset: {width: 0, height: 2},
-    shadowRadius: 2,
-    shadowOpacity: 0.8,
   },
   content: {
     borderRadius: 3,