Z-index проблема выпадающего меню внутри анимированной карты - PullRequest
0 голосов
/ 11 января 2020

У меня есть проблема, которую я пытался просто в этом стеке (настоящий проект сделан с angular компонентами и bootstrap .. et c): https://stackblitz.com/edit/angular-bootstrap-4-starter-njixcw

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

Раскрывающийся список без анимации работает идеально (щелкните на раскрывающемся зеленом раскрывающемся списке, чтобы воспроизвести).

Мне кажется, проблема со свойством непрозрачности может кто-нибудь помочь я могу достичь того же результата (сохраняя анимацию) без проблемы выпадающего меню позади.

Большое спасибо.

1 Ответ

0 голосов
/ 11 января 2020

Я смог решить ее, добавив z-index: 1 к .card-body

...