@JoyRax

Как сделать что бы элемент html было видно?

Не могу понять почему элемент не видно, нигде не используются z-index'ы, пробывал их поставить но тоже не сработало

Вот как это выглядит в инспекторе

61754f323bc45252813108.png

HTML

<template>
  <div class="NavBar_Menu">
    <div class="NavBar_Menu-button">
      <div class="NavBar_Menu-icon">
        <font-awesome-icon :icon="['fas', 'calendar-alt']" /> 
      </div>
    </div>
    <div class="NavBar_Menu-button">
      <div class="NavBar_Menu-icon">
        <font-awesome-icon :icon="['fas', 'inbox']" />
      </div>
    </div>
    <div class="NavBar_Menu-button">
      <div class="NavBar_Menu-icon" user-icon>
        <font-awesome-icon :icon="['fas', 'user-circle']" /> 
      </div>
      <div class="NavBar_Menu_Dopdown">
        123
      </div>
    </div>
  </div>
</template>


CSS

<style>
  .NavBar_Menu {
    width: 25%;
    height: 30px;
    display: flex;
    justify-content: flex-end;
  }
  .NavBar_Menu-button {
    width: 30px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
  }
  .NavBar_Menu-icon {
    font-size: 18px;
  }
  .NavBar_Menu-icon[user-icon] {
    font-size: 22px;
  }

  .NavBar_Menu_Dopdown {
    width: 200px;
    min-height: 200px;
    height: auto;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: darkorchid;
  }
</style>
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
@cheeroque
Скорее всего, у кого-то из родителей overflow: hidden
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы