<div>My Cart (0 items)</div>
和#cart不重疊,但它們之間沒有像素。我遇到的問題是當我滑過My Cart
#cart
顯示,這是正確的給定:懸停類,但問題是當我將鼠標從My Cart
和#cart
移動到:懸停不堅持。任何想法爲什麼?這兩個元素之間沒有空間,所以我認爲它是無縫的。:懸停不堅持元素
#hd .top-nav ul .tab:hover .content {
display: block;
}
<li class="tab my-cart"><div>My Cart (0 items)</div>
<div id="cart" style="display: block;">
<table>
<tbody><tr>
<td class="no-result faded" colspan="4">Your cart is empty</td>
</tr>
<tr class="empty-row hide">
<td class="remove"><img src="/images/s.gif"></td>
<td class="product">
<a href="#"><strong></strong></a>
</td>
<td class="quantity"></td>
<td class="quantity-options">
<div class="adjust">
<div class="increment"></div>
<div class="decrement"></div>
</div>
</td>
</tr>
</tbody></table>
<div class="yui-g">
<div class="yui-u first">
<div class="working faded hide">
Working...
</div>
</div>
<div class="yui-u">
<div class="review hide">
<div class="button"><a href="/store/cart/view/">Review purchases</a></div>
</div>
</div>
</div>
</div></li>