YouTube导航菜单上的1px x 1xx gif
peg*_*sus 6 css background-image
为什么YouTube会在导航菜单上为图标使用1px x 1px透明图像？然后,他们使用css将最终图标设置为1px图像的背景图像.
他们为什么要使用这种技术？
我认为他们这样做是为了提高性能.
你看,他们使用css为标签赋予背景,使用精灵来完成背景以减少HTTP请求并提高youtube加载的速度,声称他们这样做是为了防止人们窃取他们的图像是彻底的垃圾.
下一部分我可能会发现有点难以解释,所以我会尽我所能,对不起,如果我在这里失去你:
使用图像标签,因为必须有一些实际存在的背景,并且有一个有意义的图像(因为那里实际上有一个图像,它只是使用CSS而不是HTML生成),例如它们可以轻松拥有在那里放一个div标签,但是将div标签放在那里比使用图像标签更有意义(即使它们放置的img是1px xpp空图像)
他们也可以做到这一点来提高一致性,例如他们也在网站的其他各个部分使用它,看到左上方的youtube徽标,使用相同的技术,除了alt文本,这里需要空白图像,否则alt文本会显示在那里(你可以使用firebug摆脱图像,看看我的意思); 这里的图像标签用于改善可访问性而不影响速度(您可以获得精灵的速度和标签的alt属性的可访问性)
希望有道理
| 归档时间： |
|
| 查看次数： |
329 次 |
| 最近记录： |