css - 顶部导航栏元素响应不佳

Question

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

站点是http://cliponexpress.com

有什么建议吗？

感谢您的帮助。

Answer 1

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

第二步:追加 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>