Как можно было бы разбить повторяющиеся фоны на этом спрайте?

Question

Похоже, что Amazon использует (использовал) спрайт со статическим фоном и мозаичным фоном, но они смешаны, и, похоже, это не структурированная позиция.Обычно я понимаю, что если вы хотите повторить -x для спрайта со статическим фоном, все они должны быть одинаковой ширины или, по крайней мере, ширина повторяющегося изображения должна составлять 100% ширины холста спрайта.

Этот спрайт из Amazon: http://farm4.static.flickr.com/3320/3217540317_0f0ffb778d.jpg

Нижняя правая область как те градиенты, которые начинают повторяться-x.

Я не могу понять это.Идеи?

- Шон

Answer 1

Запрет на использование Javascript (который я не могу представить, предоставляя простое решение), я не верю, что возможно сделать то, о чем вы просите (то есть повторить только часть сложного спрайта для элементаbackground.)

Я осмотрел сайт Amazon и не увидел, как используются эти "градиенты".Вполне возможно, что они являются «проставочной» графикой или информацией о цвете, хранящейся внутри спрайта для будущих модификаций изображения.... спрайтовые фоны с координатами, очерчивающими область мозаичного изображения.

Answer 2

Насколько я знаю, я не думаю, что вы можете использовать этот спрайт.

Вы можете использовать спрайты для создания повторяющегося фона, но спрайт должен работать с background-repeat. Так что если вы хотите повторить-x, тогда это должен быть вертикальный и горизонтальный спрайт для repeat-y (или наоборот. Я всегда путаюсь с ними). ​​