我想简单的显示隐藏div的CSS,但我的最后popdiv是不可见..在我的jscrollpane容器。Popup Div隐藏在jscrollpane
哈弗最后份额链路上的popdiv是不可见的
<div class=" scroll-pane">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="product_resulttable">
<tbody>
<tr>
<td>03 Oct,2012</td>
<td>25,500</td>
<td>xxx</td>
</tr>
<tr>
<td>03 Oct,2012</td>
<td>25,500</td>
<td>sdjdhdjh</td>
</tr>
<tr>
<td>03 Oct,2012</td>
<td>25,500</td>
<td><div class="actionlist">
<ul class="dott">
<li>
<a href="#">Download</a>
<div class="popup_div"><em></em>
<ul>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
</ul>
</div>
</li>
<li><a href="#">Add to Basket</a>
<div class="popup_div"><em></em>
<ul>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
</ul>
</div>
</li>
<li><a href="#">Share</a>
<div class="popup_div"><em></em>
<ul>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
<li><a href="#">ddssdfsdffds</a></li>
</ul>
</div>
</li>
</ul>
</div></td>
</tr>
</tbody>
</table>
</div>
CSS:
.scroll-pane { width: 444px; height: 100px; overflow: auto; padding:20px 0 !important;}
.product_resulttable { margin:0px 0; padding:0px; border:1px solid #000; font-size:12px; color:#606060 }
.actionlist { background:#e6eaf6; border:1px solid #d9e0f4; border-radius:5px; width:132px; padding:8px 0 }
.dott { list-style:none;}
.dott li{ height:20px; position:relative}
.dott li a { padding:2px 9px; color:#454545; font-size:11px; }
div.actionlist ul li:hover > div.popup_div { display:block; }
.popup_div{position:absolute; z-index:9999; background:#f5f6fb; width:140px; border:1px solid #c2d0eb; min-height:140px; left:-5px; display:none }
我的jsfiddle链接:http://jsfiddle.net/sharma_pooja/CmmYj/7/
有必要为你的代码表?我不认为它应该。 –
是需要表是这只是一个例子,我必须使用这个模块为我的PHP项目之一 –