css repeat-x rightside - PullRequest
       49

css repeat-x rightside

0 голосов
/ 03 мая 2011

можно повторить только правую сторону картинки.Если у меня есть изображение кнопки меню, на левой стороне есть рамка или полоса, и я хочу повторить только правую сторону (без рамки).

Когда я просто ставлю repeat-x scroll right или просто repeat-x, вся картинка повторяется, но я хочу, чтобы повторялась только правая сторона, а не левая или вся картинка.Вы понимаете, о чем я.

button

Это пример кнопки.Когда заголовок моей кнопки слишком длинный и нужно будет повторить изображение кнопки.Могу ли я повторить только ту желтую часть картинки?не вместе с красным.PS!Не могу повторить цвет, потому что кнопка сделана с cradient.

Ответы [ 4 ]

2 голосов
/ 03 мая 2011

Короткий ответ, нет, это невозможно.

Изображение имеет фиксированную ширину, и вы не можете растянуть только его часть.

Решение: используйте два изображения, одно дляс левой стороны, с фиксированным размером, а другой с правой стороны, который вы можете использовать repeat-x, чтобы заполнить оставшееся пространство.

EDIT:

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

1 голос
/ 03 мая 2011

Не уверен, почему нельзя использовать сплошной цвет, но почему бы просто не использовать более широкое изображение?

enter image description here

0 голосов
/ 03 мая 2011

Smashing Magazine имеет отличный учебник по разработке кнопок с помощью CSS:

http://www.smashingmagazine.com/2009/11/18/designing-css-buttons-techniques-and-resources/

Прокрутите вниз до раздела «Раздвижные двери: гибкие кнопки» , этообъясняет, что именно вы ищете.

0 голосов
/ 03 мая 2011

просто поставьте "без повтора справа вверху", вот что вы имеете в виду

...