マスクされた背景のリストボックスが表示されるようにします。

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

は試してみてください私のようなあなたのコードを見てどうするかわかりませんが、私はそこに変更する必要があり、CSSを推測し、この

#suggest{ 
    z-index: 99; 
}