问题描述：在使用 AntDesign 的 Select 组件时，如果将其渲染在 Portal 下，可能会出现遮盖在其他组件之上的情况。

解决方法：通过自定义样式来修改 Select 组件 Portal 的 z-index 层级。具体方法为：

1. 在需要使用 Select 组件的父组件中，通过传递 getPopupContainer 函数，将 Select 组件渲染在自定义的容器下。例如：

import {Select} from 'antd';
const { Option } = Select;

class Demo extends React.Component {
  render() {
    return (
       triggerNode.parentNode}>
        Option 1
        Option 2
      
    );
  }
}

在这里，getPopupContainer 函数指定了 Select 渲染的父容器为触发节点(triggerNode)的父节点。

2. 在父容器中添加自定义样式，修改 Select 组件 Portal 渲染时的 z-index 层级。例如：

.parent-container .ant-select-dropdown {
  z-index: 1001 !important; /* 修改 Select 组件的层级 */
}

这里通过修改 .ant-select-dropdown 元素的 z-index 属性来修改 Select 组件的层级。

完整示例代码：

import {Select} from 'antd';
import './index.css';

const { Option } = Select;

class Demo extends React.Component {
  render() {
    return (
      

         triggerNode.parentNode}>
          Option 1
          Option 2
        
      
    );
  }
}

.parent-container .ant-select-dropdown {
  z-index: 1001 !important;
}

在这里，我们通过在父容器 .parent-container 中添加样式来修改 Select 组件的层级。这种方法可以避免修改全局样式，并且可以针对不同的 Select 组件设置不同的层级。