прозрачный элемент html div

#html #css #opacity #transparent

#HTML #css — файл #непрозрачность #прозрачный #css

Вопрос:

У меня есть этот код:

 <li class="nav-item dropdown" id="noti_Container" >
 <div id="noti_Counter" style="opacity: 1; top: -2px;"></div>
 <a style=" margin-right: 20px; color: white;" >
 <i class="fa fa-bell-o fa-lg" id="noti_Button" aria-hidden="true" ></i></a>
 <div id="notifications" style="display: none;">
  <h3>Notifications</h3>
  <div  id="not1"> </div>
  <div class="seeAll"><a href="#">See All</a></div>
 </div>
</li>

Уведомление генерируется в коде javascript и добавляется в div not1. Моя проблема в том, что этот div прозрачный и отображаются элементы в фоновом режиме. Я ищу прозрачность и непрозрачность в css, но не нашел. Как изменить его на обычный вид div?
Таблица в фоновом режиме мешает открытию уведомлений. Следует отметить, что уведомления также состоят из элементов таблицы. Возможно, это и есть изначальный источник проблемы?

1. попробуйте предоставить свойство noti_Counter div background-color: #ffffff; .

2. Это не не помогает

3. Похоже, что серые полосы имеют более высокий z-индекс, присвоите #noti_Container цвет фона и убедитесь, что он находится выше остальных элементов… вы начинаете с li, вероятно, потребуется zindex ul….

Ответ №1:

Ваша проблема не в прозрачности, она связана со свойством z-index в CSS. попробуйте изменить z-индекс обоих элементов спереди и сзади и посмотрите, что с этим произойдет.