Задать вопрос
@edeal

Input [type="text"] не работает, просто не нажимается в поле ввода?

Смотрите, у меня есть код, я уже устал пересоздавать код, у меня не нажимается в поле ввода input[type="text"], помогите пожалуйста
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="format-detection" content="telephone=no">
  <link rel="icon" src="img/logo autothere.png">
  <link rel="stylesheet" href="style.css">
  <title>Альянс-Авто</title>
</head>
<body>
  <!--Контакты с формой fixed, чтобы шли за пользователем наверху-->
  <header>
    <div class="contacs">
      <div class="contacsContent">
        <ul class="contacsContentList">
          <li class="contacsContentListPhone"><span>+7 (988) 272-77-77</span></li>
          <li class="contacsContentListEmail><span>autoallians@gmail.com</span></li>
          <li class="contacsContentListStreet"><span>г. Какой-то, ул.Какая-то</span></li>
        </ul>
      </div>
    </div>
  </header>
    <!--Логотип в одной строке с поисковиком и корзиной для покупки-->
  <div class="main">
    <div class="mainContent">
      <div class="mainContentLogo">
        <img src="img/logo in autothere.png" alt=""></div>
      </div>
      <div class="mainContentSearch">
        <input type="text" placeholder="Поиск по товарам">
        <button type="submit"><img src="img/magnifier.png" alt=""></button>
      </div>
  </div>
</body>
</html>

*{
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-decoration: none;
  list-style-type: none;
}
body{
  box-sizing: content-box;
  background-color: #ccc;
}
header{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.contacs{
  background-color: #3e3e3e;
  padding: 10px 0;
}
.contacsContentList{
  display: flex;
  justify-content: center;
}
.contacsContentList li{
  display: flex;
  align-items: center;
  padding: 0 55px;
}
.contacsContentList li span{
  font-size: 14px;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: #fff;
  padding: 0 10px;
}
.contacsContentList svg{
  border: 3px solid #ffe500;
  border-radius: 50%;
  padding: 5px;
  transition: all 0.5s ease;
}
.contacsContentList svg:hover{
  box-shadow: 0 0 15px 0 #ffe500;
}
.main{
  padding-top: 50px;
}
.mainContentLogo img{
  position: relative;
  width: 250px;
}
  • Вопрос задан
  • 664 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
@PantyDev
у тебя header растянут на 100% по высоте и перекрывает всё то что снизу. Убери его высоту в 100% или задай pointer-events: none
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы