тупят стили css

161
01 февраля 2022, 16:20

Делал сайт, всё вроде бы было норм, и тут приехали - часть шапки не поакзывается, а именно часть с меню и посиком (При чём только на версиях для ПК/планшетов, на телефонах норм). Все части меню есть, клики по ним вполне работают, но сами элементы "Меню" и "Поиск" не отображаются. В чем может быть проблема? ЗЫ: Не отображаются <div class="menu"> и <div class="find"> , весь код : https://codepen.io/ShevaR/pen/YzPEXNJ . Помещал CSS в HTML при помощи потому что если его пихать в CSS отделение codepen'а, то его перекроет бутстрап, а это мне не особо надо..

PS: то есть, ни меню, ни поиска не видно и их нельзя выделить. Но через код элемента они отображаются, кликнуть на них можно (и будет совершено то или иное действие, то есть всё норм)

Answer 1

Проблема здесь

*{
box-sizing: border-box;
z-index:-3;
}

уберите z-index:-3; z-index - расположение элементов по оси z. то есть -3 , значит что все элементы спрятались. поставьте 1. и все вернется . в данном случае z-index не нужен вообще. применяется для абсолютно спозиционированных элементов

Answer 2

Ты криво задал класс .mobile_menu У тебя написано

@media screen and (max-width: 738px) .mobile_menu { display: block; }

а потом

.mobile_menu { display: none; }

Не на кнопку смотреть надо, а на родителя кнопки. Отсюда и косяк

READ ALSO
Почему не работает псевдоэлемент ::marker

Почему не работает псевдоэлемент ::marker

Почему не работает псевдоэлемент ::marker ?

95
Подключение библиотеки SFML к Visual Studio

Подключение библиотеки SFML к Visual Studio

Как можно подключить библиотеку SFML к Visual Studio таким образом, чтобы не приходилось подключать библиотеку к каждому проекту, а так, чтобы можно...

106
Я пытаюсь создать функцию, которая рисует заданное изображение .bmp в заданном окне

Я пытаюсь создать функцию, которая рисует заданное изображение .bmp в заданном окне

Я понял, что скорее всего проблема либо на стадии создания массива Pixels, то есть я как-то неправильно обращаюсь к элементам динамического массива,...

214