html - 蜜罐定位

Question

我正在以在网站主页级别公开的形式创建一个蜜罐字段。字段去：

honeypot
email
name
text area for comment

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

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

定位蜜罐：

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

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

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

谢谢

score 1 · Accepted Answer

如果您<input>位于<div>已设置的另一个元素（如 a ）内position: relative;，则输入将被绝对定位，但与该元素相关。

切换到，position: fixed;因为这与可视屏幕区域有关。

1 回答 1