Горизонтально и вертикально повторяющиеся изображения в одном и том же спрайте - невозможно? - PullRequest
1 голос
/ 25 августа 2011

У меня есть опыт создания расширенных CSS-спрайтов вручную, но теперь я задаюсь вопросом, возможно ли иметь одно изображение вертикально повторяющегося фона, а также второе изображение горизонтально повторяющегося (другого) фона, содержащегося в том же спрайте?

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

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

Если вы не уверены в том, что я описываю, нарисуйте горизонтальную линию через бумагу и теперь нарисуйте высокую вертикальную линию в другом месте на бумаге.Теперь представьте, что одно изображение повторяется по горизонтали, а другое - по вертикали.Теперь попробуйте представить спрайт, который может содержать оба изображения и правила CSS, которые будут использоваться каждым.Это невозможно, основываясь на том, что я узнал, но, возможно, есть хитрость, которую я не знаю.

1 Ответ

1 голос
/ 25 августа 2011

Краткий ответ: невозможно.:)

Что я всегда делаю в вашем случае:

Используйте два:

  1. для вертикальных повторов
  2. для горизонтальных повторов
...