dart - 聚合物纸菜单无法在数据网格/表格上​​正确显示

Question

每当用户单击作为 SlickGrid 的 Dart 端口的 BWU Datagrid 内的菜单按钮时，我都会显示纸质菜单（Dart-Polymer 元素）。菜单后面的元素仍然显示，用户实际上可以单击菜单后面的项目。

这是问题的图像，可以让您更好地了解：

这是我对弹出菜单的 CSS 更改：

/* dropdown menu */
cr-table /deep/ a {
  width: 40px;
  overflow: auto;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle;
}    
/** Pretty transition for showing the menu button */
cr-table /deep/ div.bwu-datagrid-row paper-menu-button.menu-button {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}
cr-table /deep/ div.bwu-datagrid-row:HOVER paper-menu-button.menu-button {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

笔记：

• 请记住，该表是一个使用 BWU-DataGrid 的 Dart Polymer 元素。
• “a”元素是产品单元格内的文本。
• CR-Table 只是 BWU-DataGrid 的包装器

Answer 1

将 BWU DataGrid 的单元格 z-index 设置为大于 1 的值，但小于实际纸质菜单的 z-index（默认值为 12）。

cr-table /deep/ div.bwu-datagrid-cell {
    z-index: 2;
}