我用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
我们不应该使用这种类型的导航。
答案 0 :(得分:7)
不要将精灵用于内容图片。它们依赖于表示层(CSS)中的背景图像。将您的内容放在内容层(HTML)中。
答案 1 :(得分:2)
您可以创建1x1透明像素图像并将其放在具有精灵的div中。 例如:
<style type="text/css">
#linkContainer {background:url(images/sprite.gif) 0 50 no-repeat}
//sprite selection width/height, set cursor to pointer so users know its a link
#linkContainer img {width:50px;height:25px;cursor:pointer}
<style>
<div id="buttonContainer"><img src="pixel.gif" alt="Your alt text"></div>
答案 2 :(得分:-1)
为什么在菜单中需要替代文字?