Question

我在使用图片代码的网页上跟踪像素。这些会在页面上留下空白区域。我想用css隐藏它们。我已经验证了这两个例子：

<img src="https://placekitten.com/g/200/300">

VS

<img src="https://placekitten.com/g/200/300" style="display:none">

生成http请求（如我浏览器的开发工具的网络选项卡中所示）。有没有人看到使用css隐藏跟踪像素的任何问题？我只在Chrome中测试过，http请求仍在进行，所以应该没问题，但是如果隐藏的图片中有其他浏览器不会发送http请求吗？

Answer 1

我认为这是99％的浏览器变体的合适解决方案是非常安全的。除非您特别需要跟踪过时的浏览器，浏览器设置为怪异模式，并确保处理100％的图像命中，这应该是合适的。

如果您关注的是1％，那么您可以使用替代解决方案，例如让跟踪脚本以1x1像素透明GIF进行响应，以便您可以将其保持可见。

或者，您可以将图像定位在视口position: absolute; left: -999%;之外，但某些浏览器可能会对此类行为产生负面影响。