使用CSS在视觉上隐藏跟踪像素是否会阻止其实现其目的？

Question

我计划使用从this Snook Research post改编的此方法隐藏跟踪我加载的内容的像素。必须保持跟踪像素的目的。这只意味着图像必须加载，即使我想确保它不会导致一个像素值的意外格式化或显示在页面的查看部分。

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px;
  width: 1px; 
  margin: -1px;
  padding: 0;
  border: 0; 
}

这是一种保持跟踪像素的好方法吗？

有更好的纯CSS方法吗？

你能想到为什么追踪像素的供应商会抱怨这个吗？

我知道其他类似的问题，例如this one，但我认为它们没有足够的深度。

Answer 1

即使然后通过CSS隐藏图像，仍应加载图像。

更简单的方法是：

.visuallyhidden {
    position: absolute;
}

假设它是一个透明的1x1图像，那么它对于所有意图和目的都是完全不可见的。