Прозрачная панель навигации с bootstrap не работает должным образом

Question

введите описание изображения здесь

Я пытаюсь сделать мою панель навигации прозрачной, но, как вы можете видеть из изображения, цвет во всей панели навигации не одинаков. Содержимое немного темнее, чем окружающая территория. Кажется, что он применяет прозрачность дважды, чтобы сделать одну часть немного темнее. Я включил bootstrap переопределение, которое я использую.

#bootstrap-overrides .bg-dark {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

Answer 1

Вместо использования css, добавьте класс ниже, используя bootstrap:

<nav class="navbar bg-transparent nav-dark"></nav>

bg-transparent сделает то, что вы хотите; не забудьте удалить свой css

Answer 2

Вы, вероятно, использовали класс bg-dark как в navbar div, так и рядом с ul, содержащим ваши ссылки. В этом случае используйте его только в своем navbar div, и он будет работать!

Может быть, вы можете опубликовать свой html для проверки?