Изменить ширину покрытия URL-адреса фонового изображения в CSS? - PullRequest
Новая
       19

Изменить ширину покрытия URL-адреса фонового изображения в CSS?

0 голосов
/ 21 августа 2011

Если у меня есть фоновое изображение, скажем, шириной 20 пикселей, и я хочу, чтобы оно было шириной 40 пикселей (но настройка в фотошопе не будет работать так, как я хочу).

Какя могу изменить ширину? 

body {
    background-color:#5b7c8a;
    background-image:url('images/diagnol.png');
    background-repeat:repeat-y;
    margin:0;
}

Это диагональные линии, как вы можете видеть на картинке,

снимок экрана http://img62.imageshack.us/img62/4263/testzjr.png

и интервал такой, как я хочуих.Редактирование изображения может испортить расстояние.Итак, я пытаюсь сделать область покрытия фона немного больше?Прямо сейчас изображение имеет ширину 6 пикселей.Я хочу, чтобы он отображался как ширина 20px, как если бы изображение было в повторяющемся xy в div размером 20px?(чтобы не растягивать изображение, а только усиливать его изображение)?

Надеюсь, это имеет смысл> <</p>

Ответы [ 2 ]

0 голосов
/ 21 августа 2011

Я считаю, что было недопонимание с тем, что хочет ОП.

Если я правильно понял, посмотрите пример:

http://jsfiddle.net/vYxza/

Думайте о #text как body и .this_div как о элементе, который вам нужно создать внутри него.

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

Другой способ сделать это: http://jsfiddle.net/vYxza/1/ - На самом деле, я бы так поступил, скорее всего.

Обратите внимание, что еще раз ... если вы хотите использовать его в теле ... думайте о .this_div как html и #text как body

0 голосов
/ 21 августа 2011

«Настройка в фотошопе не будет работать так, как я хочу»

CSS не является программным обеспечением для редактирования изображений.В фотошопе вам просто нужно перейти в Image> Image Size и масштабировать, как вы хотите.Или не торопитесь и учитесь использовать основы Photoshop, чтобы получить желаемый эффект.Вам просто не нужно бояться и экспериментировать с каждым инструментом, пока вы не получите то, что вы хотите, поскольку вы, очевидно, можете отменить нежелательные эффекты.

Способ CSS возможен, но он не предназначен для подобных ситуаций и не будет совместим с несколькими браузерами.Он редко используется на типичных сайтах, поэтому, к счастью, я не собираюсь его поощрять.Удачи.

...