CSS sprites导航和禁用图像的用户

Question

我用css sprites制作了一个css菜单,但问题是sprite我们不使用我们在后台使用的内嵌图像,因此如果在浏览器中禁用图像则不显示任何内容.对此有何解决方案？

例如 :

请参阅此菜单并关闭图像:http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html(如果在浏览器中禁用图像,则无法看到)

这个菜单反对这个报价

确保您的网站禁用图片

Creating a site that relies too heavily on images is never a good

理念.虽然几乎已成为过去,但仍然存在以非常低的网速运行的用户.此外,如果用户需要 - 出于任何原因 - 禁用图像,他们仍然可以访问他们需要的所有内容吗？

http://csswizardry.com/quick-tips/#tip-02

我们不应该使用这种类型的导航.

Answer 1

不要将精灵用于内容图像.它们依赖于表示层(CSS)中的背景图像.将您的内容放在内容层(HTML)中.