滚动时下拉菜单下方的内容会流血

Question

我注意到奇怪的是我的Angular应用程序中有不良行为。单击按钮时，会打开一个下拉菜单（mdMenu）。此mdMenu包含一个滚动条。首先，菜单是页面上的顶部元素。但是，当我抓住滚动条并滚动到菜单项的底部时，我注意到下拉菜单下方的页面内容会渗出（好像那里有些透明）。是什么原因造成的，如何预防？

请注意，这是一个Angular 2应用程序（出于某些原因，我们目前无法升级），并且我在css类中使用/deep/作为菜单，如下所示：

/deep/ .mat-menu-content {
    background: #fff;
    max-height: 900px;
    z-index: 1000;
    opacity: 1
}

我不确定这是否是特定于Angular的问题，或更常见的问题。这是什么问题？