0

我正在一个网站上工作，所以我CSS div hover对顶部菜单中的购物车链接产生了影响......

一旦您将一种产品添加到购物车中，而不是添加hover到购物车链接的顶部菜单中，hover div当我将鼠标悬停在它的出现突然消失时，它就无法正常工作，没有得到确切的错误....

所以请尝试找出错误......

一旦你看到附加的图像，我正在谈论这个错误......在此处输入图像描述

这是网站链接：- http://www.aurikjewels.com/index.php/

提前致谢

4

5 回答 5

0

Add margin-top: -10px; to header-items div

于 2013-10-16T11:28:46.477 回答
0

大家好，我已经解决了这个问题......

我已删除

.block-cart-header .actions { display:none !important; }

现在它工作正常......

感谢大家的大力支持... :-)

于 2013-10-16T12:30:21.570 回答
0

问题是.button-show没有足够的高度来保持事件悬停。一旦光标移到和
之间的间隙 ，悬停就会消失。并消失。.button-show#header-items#header-items

为了克服这个问题，你必须做一些事情，比如

  1. 添加padding-bottom: 10px;到class="button-show"asinline style
    该行看起来像<span class="button-show" style="padding-bottom: 10px;">

  2. 添加.block-cart-header .button-showas的背景url(../images/shopping_bag.png) no-repeat right 1px

于 2013-10-16T11:59:13.053 回答
0

通过像这样简单地将购物车移动到 button-show 中：

 <span class="button-show"><a href="http://www.aurikjewels.com/index.php/checkout/cart/?___SID=U">Shopping Cart</a>
    -   <div id="header-items">

             All cart informations                     
        </div><span class="price">Rs. 37,212.00</span>                     
 </span>

并为您的按钮显示添加高度：

.block-cart-header .button-show {
background: url(../images/shopping_bag.png) no-repeat right center;
color: #FFFFFF;
float: right;
font-size: 12px;
margin: 5px 14px 0 0;
padding-right: 20px;
position: relative;
height: 24px;
display: inline-block;
}

这对我有用！

于 2013-10-16T11:30:46.157 回答
0

header-items由于以下属性，悬停无法按预期工作并在您离开时消失，

.block-cart-header #header-items
{
    padding:15px;
}

如果您提供padding-top:0px;并添加margin-top: -10px此问题将不会发生。

于 2013-10-16T11:25:21.357 回答