Html Boostrap卡从搜索栏隐藏搜索结果

我有一个搜索栏，下面是一堆boostrap卡：

问题是，当搜索结果出现时，它们会显示在卡片下，因此基本上不会显示。 代码如下：

<Row>
  <Col md="12">
    {/* SEARCH_BAR */}
    <AsyncSelect
      cacheOptions
      defaultOptions
      loadOptions={this.onUserNameSurnameInputEntered}
      isClearable
      onChange={this.handleUserNameSurnameChange}
      onInputChange={this.handleUserNameSurnameInputChange}
    />
  </Col>
</Row>;
<div className="card card-body bg-light mb-3">
  <div className="row">{/* CARD_CODE */}</div>
</div>;

{/*搜索_BAR*/}
;
{/*卡代码*/}
;

---

知道如何解决这个问题吗？

我不知道这个问题。但是，您可以打开浏览器控制台，然后检查搜索结果项和卡片的z索引。如果没有z索引，请尝试为搜索结果包装器设置一个大的z索引。e、 g.

z-index:9999

位于您的卡上方。