我打算使用从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,但我认为它们的深度不够。

最佳答案

该图像仍应加载,即使随后通过CSS隐藏该图像。

一种更简单的方法是:

.visuallyhidden {
    position: absolute;
}


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

关于css - 使用CSS在视觉上隐藏跟踪像素是否会阻止其发挥作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27487008/

10-15 23:02