Может ли nxm CSS Sprite использоваться для «repeat-x», чтобы сделать тело стрелки длиннее?

Question

Например, если есть CSS-спрайт с элементами nxm, а также наконечник стрелки, тело стрелки и хвост стрелки, каждый по отдельности.

Может ли головка стрелки присоединяться к div с переменной длиной, с фоном тела стрелки, но repeat-x или repeat-y, и прикрепить хвост стрелки?Я думал, что вы не можете указать область спрайта для повторения, поэтому он покажет другие изображения на спрайте, не так ли?Или есть способ преодолеть это?

Answer 1

Нет, в текущих спецификациях CSS нет ничего, что позволяло бы это, и, насколько я знаю, ничего в будущих спецификациях CSS3.

Нет простых обходных путей. Вы можете попробовать создать повторяющийся элемент в спрайте настолько широко, насколько вам нужно, и надеяться, что алгоритм сжатия png сожмет изображение до разумного размера, или просто используйте для этого отдельное изображение. Вы также можете попробовать использовать CSS-градиенты для этого, если вы работаете с повторяющимися градиентами.