我们开发了一种向不同移动设备和网站提供广告的引擎。广告只是带有横幅和/或一些javascript的HTML标记。有时，我们需要在广告标记中加入隐藏的像素，以获得广告实际显示在最终用户设备上的通知。
像素基本上是一个简单的HTML图像标记：
<img src="http://the-notification-url" />
问题是：应该使用什么css： 1）隐藏用户设备上的像素 2）确保像素不占用任何空间，不会影响其他HTML元素的位置 3）确保所有浏览器都会尝试下载像素（即触发'src'URL）？
我可以看到两种选择：
display:none;
或
visibility: hidden; position: absolute;
就我们想要实现的三个目标而言，这些替代方案是否相同？最重要的目标实际上是第三个目标。是否保证所有流行的浏览器（windows / linux PC和移动设备ios / android）都会下载显示：none或visibility：hidden的img元素？
答案 0 :(得分：6)
您应该使用display: none;，因为display: none;不会占用文档空间，而使用visibility: hidden;会为像素保留空间..
Demo （使用display: none;）
Demo 2 （使用visibility: hidden;）
使用position: absolute;可以使用visibility: hidden;，但如果display: none;正在执行此作业，则不必声明两个属性...而且，无论您做什么，无论如何都会要求img ..
此外，您可能想知道是否使用display: none;阻止图像下载而不是错误，CSS display: none;与图像加载无关。
读好here