Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
什么';实现隐藏跟踪像素的最佳CSS是什么?_Css - Fatal编程技术网

什么';实现隐藏跟踪像素的最佳CSS是什么?

什么';实现隐藏跟踪像素的最佳CSS是什么?,css,Css,我们开发了一个引擎,为不同的移动设备和网站提供广告。广告只是带有横幅和/或一些javascript的HTML标记。有时,我们需要在广告标记中包含一个隐藏像素,以获得广告实际显示在最终用户设备上的通知 像素基本上是一个简单的HTML图像标记: <img src="http://the-notification-url" /> 或 就我们想要实现的三个目标而言,这些备选方案是否相同?最重要的目标实际上是第三个目标。是否保证所有流行浏览器(windows/linux PC和移动设备ios

我们开发了一个引擎,为不同的移动设备和网站提供广告。广告只是带有横幅和/或一些javascript的HTML标记。有时,我们需要在广告标记中包含一个隐藏像素,以获得广告实际显示在最终用户设备上的通知

像素基本上是一个简单的HTML图像标记:

<img src="http://the-notification-url" />


就我们想要实现的三个目标而言,这些备选方案是否相同?最重要的目标实际上是第三个目标。是否保证所有流行浏览器(windows/linux PC和移动设备ios/android)都会下载具有display:none或visibility:hidden的img元素

应使用
显示:无作为<代码>显示:无不会占用文档空间,而使用
可见性:隐藏将为像素保留空间

(使用
显示:无;

(使用
可见性:隐藏;


使用
位置:绝对可用
可见性:隐藏但如果
显示:无正在执行此任务,您不必声明两个属性。。。而且,无论您做什么,您的
img
都会被请求


另外,您可能想知道是否使用
display:none比你错了,CSS
显示:无与图像加载无关


好好读一读

谢谢!你得到+10 karma:)这可能需要根据参考的好阅读进行更新:“浏览器正在变得更智能。今天,如果你的浏览器(取决于版本)能够确定图像加载没有用,它可能会跳过图像加载。”(2014年6月18日)@banderson623“不可能”——你完全正确。这已不再正确。用像素跟踪事件的JS小部件的麻烦。。。。“你怎么这么小?!”
display:none;
visibility: hidden; position: absolute;