蜜罐定位

Question

我正在创建一个蜜罐字段的形式暴露在一个网站的主页级别。田里有：

honeypot
email
name
text area for comment

蜜罐不应该显示给真正的用户，但应该可供机器人填写。我像这样使用CSS：

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

放置蜜罐：

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

这不管用。输入元素将保持在原来的位置。我检查了CSS，确保CSS是最后加载的，遵守邻近规则，没有什么更具体的，也看不到任何覆盖。

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

谢谢

Answer 1

如果您的<input>位于具有position: relative;集的另一个元素(如<div>)中，则输入将被绝对定位，但与该元素相关。

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

参考文献