Блог

Главная - Вопросы по программированию - Элементы верхней панели навигации плохо реагируют

Элементы верхней панели навигации плохо реагируют

#css

#css

Вопрос:

При наведении курсора мыши на элементы верхней панели навигации выделение включается и выключается при наведении курсора на определенные области внутри элемента, что затрудняет их выбор. один из элементов содержит выпадающее меню, и сложно найти нужное место, которое его откроет.

Сайт http://cliponexpress.com

Есть предложения?

Спасибо за вашу помощь.

Комментарии:

1. «плохо реагирует» … довольно расплывчато, не так ли? Пожалуйста, опубликуйте сокращенный пример в Jsfiddle.net .

2. Пожалуйста, опубликуйте код в вопросе

3. На самом деле проблема заключается в элементе с идентификатором logo2, внутри которого есть ссылка paypal.

Ответ №1:

Шаг 1: удалите стиль «margin-left: 1500%» с вашего изображения «paypal.png».

Шаг 2: добавьте style=»right:0; position:absolute;» к тегу для оплаты.

Шаг 3. Переместите вашу защищенную платежную ссылку вместе с изображением (это перекрывает ваши индексы списка меню). в div с именем класса «menusys_multi».

Наконец, ваш код будет выглядеть примерно так, как показано ниже

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