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