html - 蜜 jar 定位

Question

我正在创建一个在站点主页级别公开的表单中的蜜 jar 字段。字段去:

honeypot
email
name
text area for comment

蜜 jar 不应该向真实用户展示，但应该可供机器人填写。我这样使用 CSS:

.honey{
  position: absolute;
  left: -999em;
  }

定位蜜 jar :

<input class="honey" type="text" placeholder="your email" />

这是行不通的。 input 元素牢牢地留在原处。我已经检查以确保 CSS 是最后一个加载的，遵守邻近规则并且没有更具体的内容，并且看不到任何覆盖。

有什么我没有得到的魔法吗？

谢谢

Answer 1

如果您的 <input>在另一个具有 <div> 的元素(如 position: relative;)内设置后，输入将绝对定位，但相对于该元素。

切换到position: fixed;因为这是相对于可视屏幕区域而言的。

Reference