顶部导航栏项目响应不佳答案

【问题标题】：Top navigation bar items not responding well顶部导航栏项目响应不佳
【发布时间】：2014-06-17 05:28:32
【问题描述】：

将鼠标悬停在顶部导航栏项目上时，当您将鼠标悬停在项目内的某些区域上时，选择会打开和关闭，因此很难选择它们。其中一个项目包含一个下拉菜单，很难找到可以打开它的正确位置。

网站是http://cliponexpress.com

有什么建议吗？

感谢您的帮助。

【问题讨论】：

“反应不好”...有点含糊，你不觉得吗？请在 Jsfiddle.net 中发布一个简化的示例。
请在问题中贴出代码
问题实际上是id为logo2的元素里面有paypal链接。

标签： css

【解决方案1】：

第 1 步：从“paypal.png”图片中删除样式“margin-left:1500%”。

Step2：追加 style="right:0; position:absolute;"标记付款。

步骤 3：将您的安全支付链接与图像一起移动（与您的菜单列表索引重叠）。到类名为“menusys_multi”的div。

最后，您的代码将如下所示

<div class="menusys_multi">

    <ul id="menusys_multi">....</ul> <!---Unaltered-->
    <script type="text/javascript">...</script>  <!---Unaltered-->

    <a onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/p…, scrollbars=yes, resizable=yes, height=100'); return false;" title="How PayPal Works" href="https://www.paypal.com/webapps/mpp/paypal-popup" style="right:0; position:absolute">
        <img border="0" alt="PayPal Acceptance Mark" z-index="10000" src="http://cliponexpress.com/test/Newwebsite/images/Paypal.png" style="width:18vw;"></img>
    </a>

</div>

【讨论】：