0

我有 html 页面，其中有一些列表部分我想淡出并仅在该区域内显示简单的模式框。简单的模态框不应该覆盖在整个屏幕上，而应该只出现在那个列表部分（我已经分配了 div id 的列表部分），并且模态框应该在列表的那个部分滚动。它不应该移出列表部分。

任何想法将不胜感激。

现在我的整个屏幕都在淡出并且模态在整个页面中滚动。

这是代码

<script type="text/javascript">
$(document).ready(function(){ $('#sample').modal({ overlayClose:false, escClose:false, }); } </script> 
</HEAD> <BODY> 
<div id="sample" style="display:none"> <p>This is some sample data</p> </div>
<table>
<tr > <td >
     some headers goes here 
</td> </tr> 
<tr > <td > 
   <div id="partdiv"> 
     <table > 
       <tr> <td>
         1. listing items goes here 
       </td> </tr> 
      <tr> <td> 
        2. listing items goes here 
      </td> </tr>          
   </div> 
</td> </tr> 
<tr > <td > some text goes</td> </tr>
</table>

现在我只想在 partdiv 区域而不是在整个屏幕上显示模态

4

0 回答 0