Фон блока div из части изображения

[Alian]

Доброго времени!
В общем есть изображение шириной 7px высотой 1px. Нужно средствами css 4-ым пикселем этого изображения залить фон блока div 300x200.

[Veseloff]

А в этом есть глубокий смысл? Может, правильнее залить цветом?

[Alian]

В этом то и есть смысл, сама реализация... Областью изображения, залить фон.

[sigma77]

Реализация ради реализации?

Средствами css этого сделать нельзя. Разве что блок шириной 1px.

[Alian]

Ладно, будем искать другой выход. Всем спасибо.

[SelenIT]

Эм, почему нельзя?

 

Есть же background-size. Увеличиваем картинку в 200 раз (background-size: 1px 1400px), смещаем на 600px вверх (background-position: 0 -600px), размножаем (background-repeat: repeat-x) и вуаля. А можно и не размножать, а сразу растянуть по обеим осям.

 

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

[Make Uper]

Я никак не могу представить себе изображение 7рх х 1рх. Это разве не полоска?

 

А что за картина? Что на ней?

 

Кстати, есть еще background-image: url(/images/kartina.png) left top repeat-x. Или не пойдет такое?

 

Про картину зачем спросил. Можно создать дубликат этой же  же картины, и использовать два урла фона.

 

1.  верхняя часть - стандартная картина 150х100

2. нижняя часть - она же, тоже 150х100 но перевернутая, с прибамбасами и эффектами, типа gel, glass curved и т.п.

 

Или нет?