如何隱藏跟蹤像素

Question

我有一個跟蹤像素，不幸的是在我的頁腳底部產生了一個小白條。什麼是隱藏像素的最佳方式？

我正在考慮將它（和我的其他像素）放在一個position: absolute div中，它正確隱藏了條形，但我不確定這是否會阻止像素在某些瀏覽器上工作。

Answer 1

從google Support:

<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，但所有的自動添加他們有一個寬度和高度1定義爲<img src="http://tracking.com/bla" width="1" height="1" />所以我通過瞄準那些屬性隱藏它們：

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

你可以或者針對源：

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; 
}