Question

我有一个跟踪像素，遗憾的是在我的页脚底部会产生一个小白条。隐藏像素的最佳方法是什么？

我正在考虑将它（以及我的其他像素）放在position: absolute div中，它正确地隐藏了条形图，但我不确定这是否会阻止像素在某些浏览器上运行。

Answer 1

<img src="TRACKING-PIXEL-URL-GOES-HERE" style="position:absolute; visibility:hidden">

<img src="TRACKING-PIXEL-URL-GOES-HERE" style="display:none">

<img src="TRACKING-PIXEL-URL-GOES-HERE" width="0" height="0">

Answer 2

你可以给它一个display: none CSS声明，或者你可以给页脚一个负的底部边距值margin-bottom: -1px

Answer 3

我的跟踪像素是通过javascript自动添加的，但所有这些像素的宽度和高度都定义为<img src="http://tracking.com/bla" width="1" height="1" />，所以我通过定位这些属性来隐藏它们：

img[width="1"][height="1"] {
  display: none;
}

您也可以定位src：

img[src="http://tracking.com/bla"] {
  display: none;
}

Answer 4

您还可以在CSS中屏蔽更大范围的1像素链接，包括基于数据blob的图像，如下所示：

*[src*='FIRST-PART-OF-TRACKING-PIXEL-URL-GOES-HERE'],
*[src*='data:image'] {
    display: none;
}

如何隐藏跟踪像素

4 个答案: