Я хочу взять часть изображения, например, середину picure, и повторить только этот раздел на фоне div. Возможно ли это даже отдаленно? Полагаю, я мог бы сделать это в javascript, но это было бы грязно.Повторение фрагмента изображения в CSS
Теоретически ответ на мой вопрос должен иметь возможность взять один пиксель из изображения и повторить его в строке или в виде сплошного фона.
Кто-нибудь знает, как я могу это сделать в CSS?
Возможно, вы сможете достичь этого эффекта, используя свойство CSS3 border-image.
К сожалению, я не знаю, как это сделать в CSS2. Кроме того, я не думаю, что вы можете сделать это с помощью CSS спрайтов, потому что спрайты не растягивают части вашего изображения - они просто позволяют вам показывать определенные части изображения.
Стив
Вы можете использовать javascript для имитации border-image на браузере, не совместимом с CSS3. См. Http://www.lrbabe.com/sdoms/borderImage/index.html – andreialecu
Это отлично и именно то, что я ищу. Спасибо Стив и Легенд! –
Если вы хотите решение кросс-браузера, то в настоящее время вы не повезло, особенно если вы хотите CSS-решение.
Единственный способ сделать это с помощью JavaScript будет через элемент canvas, но это не поддерживается IE.
CSS не может этого сделать. Однако вы можете сделать это на стороне сервера или с помощью SVG-графики или Flash. Обратите внимание, что выполнение этого с помощью плагина технически не было бы «фоновым изображением», вам нужно было бы разместить свой контент поверх него.
В отличие от того, что некоторые из заявили, в зависимости от изображения, вы Можете сделать это с помощью CSS/Sprites. Но это не всегда так. Это сводится к изображению, которое вы хотите повторить, это высота/ширина относительно спрайта, в котором он существует, направление, которое вы хотите повторить это, и размер контейнера вы хотите, чтобы повторить в.
alt text http://www.sampsonresume.com/labs/sprite.gif
Этот спрайт может быть повторена на левом 100px для использования в боковой панели, в то время как другие части могут служить в качестве кнопок и roll- над состояния в навигации. с небольшим изменением вы можете сделать повторяемую часть горизонтальной.
Вы хотите использовать спрайты тогда :) – fmsf
спрайты не работают с повторением – chris166
Большую часть времени я нахожу, мне просто нужно повторить-х, что отлично подходит для спрайтов. –