CSS спрайты навигации и пользователь с изображением отключен

Question

Я создал меню css со спрайтами css, но проблема в том, что со спрайтом мы не используем встроенное изображение, которое мы используем только в фоновом режиме, поэтому если изображения отключены в браузере, то ничего не будет отображаться. какое-нибудь решение для этого?

Например:

См. Это меню и отключите изображения: 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).

Answer 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>

Answer 3

Зачем вам нужны альтернативные тексты в меню?