YouTube导航菜单上的1px x 1px gif
YouTube导航菜单上的1px x 1px gif
提问于 2012-01-03 23:53:39
为什么YouTube的导航菜单上的图标使用1px x 1px的透明图像？然后，他们使用css将最终图标设置为1px图像的背景图像。
他们为什么要使用这种技术呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-04 01:11:02
我认为他们这样做是为了提高性能。
你看，他们使用css为标签添加了背景，背景是使用sprite来减少HTTP请求并提高youtube的加载速度，声称他们这样做是为了防止人们窃取他们的图像，这是彻头彻尾的垃圾。
接下来的部分我可能会发现有点难以解释，所以我会尽我最大的努力，如果我在这里失去了你，很抱歉：
使用image标签是因为必须有一些实际的东西来提供背景，并且在那里有一个图像是有意义的(因为实际上那里有一个图像，它只是使用CSS而不是HTML生成的)，例如，他们可以很容易地在那里放一个div标签，但放一个div标签并不比放一个image标签更有意义(即使他们放在那里的img是一个1px x 1px的空图像)
他们也可以这样做，以提高一致性，例如，他们也在他们网站的其他部分使用了这一点，参见youtube左上角的徽标，使用的技术与alt文本相同，这里需要空白图像，因为否则alt文本将显示在那里(您可以使用firebug去除图像，明白我的意思)；这里的image标签用于提高可访问性，而不会影响速度(您可以获得sprites的速度和标签的alt属性的可访问性)。
希望这是有意义的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8714851
复制相关文章
相似问题
腾讯云开发者
