2011-01-24 124 views
0

<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> 

回答

0

您的問題與IE6? IE6衆所周知地支持僞類(:任何東西)。 IE6支持:懸停,但只在錨標籤上。

結帳this writeup

0

對不起,問題是一些愚蠢的... CSS沒有做懸停,這是javascript