2011-01-24 73 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