使蒙面背景中的列表框可見

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>

編輯 - 掩蔽由一個div以下CSS類來完成：

.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; 
}