Bootstrap эффект наведения не работает должным образом в IE 11 - PullRequest
Новая
       7

Bootstrap эффект наведения не работает должным образом в IE 11

1 голос
/ 05 февраля 2020

Ниже моя div структура. Я пытаюсь создать мега меню. например, когда пользователь наводит курсор на button внутри класса dropdown, появится меню с эффектом slideDown / slideUp. но изначально это не работало даже в chrome и ведет себя как, меню начало скользить вниз / вверх при наведении курсора на любые места в dropdown div,

, т. е. эффект зависания, применяемый ко всему div, а не к зависанию кнопка. поэтому я использовал display:contents свойство для chrome и получил исправление, но это же исправление не работает для IE 11, потому что display:contents не поддерживается в IE 11. 

<div class="row">
    <div class="dropdown">
        <button class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
            <span class="btn">Hover to see menu</span>
        </button>
        <div class="dropdown-menu">
            <!-- for responsive bootstrap grid combination will here -->
            <div class="row">
                <div class="col-sm-2 col-md-3 col-lg-2"></div>
                <div class="col-sm-2 col-md-3 col-lg-2"></div>
                <div class="col-sm-2 col-md-3 col-lg-2"></div>
            </div>
        </div>
    </div>
</div>

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

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

...