Question

<div>My Cart (0 items)</div>和#cart不重叠，但它们之间没有像素。我遇到的问题是当我将鼠标放在My Cart #cart节目上时，这是正确的：给定：hover类，但问题是当我将鼠标从My Cart移开时并且#cart：hover不会粘住。有什么想法吗？这两个元素之间没有空间，所以我认为它是无缝的。

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

Answer 1

你的问题是IE6吗？ IE6非常支持伪类（：任何东西）。 IE6确实支持：悬停，但仅限于锚标签。

查看this writeup。

Answer 2

对不起，问题是愚蠢的... CSS没有做悬停，这是javascript

：悬停不坚持元素

2 个答案: