Javascript 如果在具有z索引的固定元素上单击外部，则“角度材质md”菜单元素不会关闭

我的文档中有一个基本的

元素。默认情况下，如果单击文档中的任意位置，它将自动关闭。尽管如此，如果我在带有

z索引的
fixed
元素中单击，它将不会关闭

<div class="menu-demo-container" layout-align="center center" layout="column">
  <md-menu>
    <md-button class="md-primary md-raised" ng-click="ctrl.openMenu($mdOpenMenu, $event)">
      Test
    </md-button>
    <md-menu-content width="4">
      <md-menu-item>
        <md-button>
          Menu Item
        </md-button>
      </md-menu-item>
    </md-menu-content>
  </md-menu>
</div>

<div style="position:fixed; z-index: 100; backgorund-color:red;left:0;top:0;bottom:0">
  Try clicking here while the the md-menu is open
</div>


试验
菜单项
在md菜单打开时，尝试单击此处

如果单击
元素之外的任何位置（包括固定元素），如何关闭所有
元素

元素的
z-index
存在问题，该值大于背景的
z-index
。点击
md background
元素可以关闭菜单<代码>md背景。md菜单背景

的z索引<代码>等于99

具有更高堆栈顺序的元素始终位于元素的前面 具有较低的堆栈顺序

若要解决问题，请减少元素的z索引。在您的情况下，它应该小于

99

不要忘记移动

.md滚动掩码

！否则，用户可以在菜单打开时与页面交互。