Question

我有一个搜索框，当你点击一个div时会滑出来，但它不会让我输入任何文字而且我找不到原因。

＆＃13;

$('#searchh').click(function() {
  $('.search-button').animate({
    'left': '520px'
  });
});

$('#searchh').click(function() {
  $('.search-balk').animate({
    'width': '295px'
  });
});

＆＃13;

.search-button {
  position: absolute;
  left: 225px;
  margin-top: -30px;
  z-index: -1;
  -webkit-transition: background-position 0.8s, color 1s;
  -moz-transition: background-position 0.8s, color 1s;
  transition: background-position 0.8s, color 1s;
}
.search-balk {
  position: absolute;
  right: 50px;
  height: 71px;
  width: 260px;
  background-color: #000;
  border: none;
  padding-left: 10px;
  color: #fff;
  z-index: 33;
}

＆＃13;

<div class="search-button">
  <input class="search-balk" type="text" name="search" placeholder="Vul hier je zoekwoord in...">
  <img src="/assets/images/search.png" />
</div>

＆＃13;

Answer 1

删除 .search按钮 { / *位置：绝对; * / }

并且你看到问题是试图在它上面做一个div并且把它放在相对位置。

输入字段不起作用（不能在其中键入文本）

1 个答案: