Комментарии на: CSS спрайты

От: Compas

Compas — Sun, 25 Dec 2011 12:23:02 +0000

>> background:url(http://dimonblog.ru/wp-content/img/css-sprite.png) left top

left top лишнее в примере?

От: Dimon

Dimon — Thu, 03 Nov 2011 20:16:42 +0000

Иван,
так спрайты можно положить на бэкграунд однопиксельному прозрачному гифу растянутому до нужных размеров:

HTML

CSS
img {background: url(sprite.png);}

От: Иван

Иван — Thu, 03 Nov 2011 19:53:15 +0000

А что делать, если меню полностью на спрайтах, а в браузере отключена графика? Когда просто картинка - есть аттрибут alt.. А когда одни спрайты и отключена графика - ничего не выведится..
Спасибо.

От: Леонид

Леонид — Thu, 02 Dec 2010 16:36:40 +0000

Как сделать повторение фрагмента из спрайта. Именно фрагмента, а не всего спрайта.
Никак не могу разобраться..

От: bulls

bulls — Sun, 24 Oct 2010 13:29:11 +0000

Дизайн верхнего меню css спрайты, на одном листочке восемь нарисованных кнопок, грузиться один раз , http://creativo.kz/ очень удобно

От: Воффка

Воффка — Mon, 04 Oct 2010 23:40:22 +0000

Точно.. нафиг такое делать, если можно все это сделать намного проще.. ппц

От: Александр

Александр — Sun, 29 Aug 2010 10:13:59 +0000

Проблема расположения отдельных фрагментов на общем листе (…остаются видны2-3 спайта и я не знаю, что с ними делать…) - решается планированием. Необходимо сразу просчитывать где и как будут выводиться картинки, фоновые цвета и т.д. И не забывать чётко указывать repeat (повторение фона)… У спрайтов есть свои сложности, но в целом - это очень удобная вещь. Сам использую везде, где могу.

От: Луганчанин

Луганчанин — Sat, 03 Jul 2010 11:11:43 +0000

Нагрузку на сервер дают языковые интерпретаторы (php,ruby,и.т.д) и база данных. Картинки обычно не сильно грузят сервер, особенно если они расположены отдельно, к примеру за nginx.
Использование css спрайтов должно быть оправдано, ведь делать дизайн с их использованием просто из-за того, что это модная или новаторская “фишка” нецелесообразно.

От: Артём

Артём — Fri, 12 Feb 2010 08:31:08 +0000

Большое спасибо за простое объяснение такой полезной вещи!

От: Максим

Максим — Wed, 27 Jan 2010 08:27:33 +0000

демо при мер работы
http://www.sohtanaka.com/web-design/examples/hover-over-trick/