Checkbox hack-通过位置（绝对）在屏幕外隐藏复选框是否有缺点？

Question

这是复选框黑客： https://css-tricks.com/the-checkbox-hack/

我的问题是，为什么通过将复选框置于页面之外来“隐藏”该复选框，如CSS Tricks上的示例所示：

position: absolute;
top: -9999px;
left: -9999px;

为什么不这样做：

display: none;

How does css checkbox hack work?的答案是：

  

“通过display:none隐藏该复选框可能会导致某些浏览器出现错误行为。仅通过position: absolute将其隐藏起来是安全的。”

哪些浏览器？使用绝对位置在页面上放置元素是否有任何弊端？更具体地说，使用绝对位置在页面上放置输入是否有任何弊端？

Answer 1

使用绝对定位没有缺点。这仅取决于您希望该元素占据哪种空间。绝对定位是一个很好的答案，因为它意味着元素不会影响页面的布局，并且元素仍保留在DOM中。 “可见性：隐藏”或“不透明度：0”也足够。但是，它们仍将占用页面空间。如果您只是将某个东西绝对定位在顶部，这很好。不显示任何内容都会阻止元素到达DOM，因此该功能将不可用。