html - 使蒙版背景中的列表框可见

Question

我有一个隐藏的背景和一个在幕后的下拉菜单。目前它看起来像:

它必须看起来像:

html如下:

<div id="suggest" style="position: fixed; border: 1px solid rgb(168, 168, 168); width: 304px;" data-sap-ui-area="suggest">
        <div id="__list0" data-sap-ui="__list0" data-sap-ui-fastnavgroup="true" tabindex="-1" style="width:100%" class="sapMList sapMListBGSolid">
            <div id="__list0-before" tabindex="-1"></div><ul role="listbox" id="__list0-listUl" tabindex="0" class="sapMListModeNone sapMListShowSeparatorsAll sapMListUl">
                <li id="__item0-__list0-0" data-sap-ui="__item0-__list0-0" tabindex="-1" role="option" aria-describedby="__text4" class="common-txt-align-left sapMLIB sapMLIB-CTX sapMLIBShowSeparator sapMLIBTypeActive sapMSLI">
                    <div class="sapMLIBContent" id="__item0-__list0-0-content">
                        <div class="sapMSLIDiv sapMSLITitleDiv">
                            <div class="sapMSLITitleOnly">TOI_1770089305</div>
                        </div><div class="sapMSLIDescriptionDiv">
                        </div>
                    </div>
                </li>
            </ul>
            <div id="__list0-after" tabindex="0"></div>
        </div>
    </div>

编辑 - 屏蔽由具有以下 css 类的 div 完成:

.common-opaqueDom {
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1199;
    background: rgba(0, 0, 0, 0.50);
}

Answer 1

试试这个

#suggest{
  z-index: 99;
}