manfredina.ru - Работа с картинками (изображениями ) в CSS.Фон картинки, картинка по центру


Как в css сделать чтобы картинка не повторялась

#1 jorj

Отправлено

Пишу для сайта меню..проблема появилась.Как сделать картинку резиновой в CSS? Например: резиновая картинка width="100%" будет изменять ширину в зависимости от монитора посетителя().A как мне сделать тоже самое,только в CSS?
Например:
#forum {background-image:url('http://sayt.jpg');

ЧТО НАДО ТУТ ДОБАВИТЬ???

}

  • 1

Спонсор

#2 vla

Отправлено

body, div /итд/ { background-image:url(/img/image.gif); /адрес фонового изображения/ background-size:75%; /размер фон.изобрадения/ background-position:30% 50px; /позиционирование по ширине и длине соответственно/ background-repeat:no-repeat; /Повторение (в повторялась данном случае без повторения)/ background-attachment:fixed; /в этом случае фоновое изображение не будет перемещаться при прокрутке страницы/ } jorj, ответ на твой вопрос в третьей строке кода, но может и еще чтото пригодится... #forum {background-image:url('http://sayt.jpg');background-size:100% 2em;} мной прочитано пожже: http://htmlbook.ru/css/background-size

там сказано: background-size - это css3, поэтому, возможно, имеет смысл сделать это на JavaScript

Сообщение отредактировал vla: 17 Декабрь 2011 в 00:18

  • 0

#3 jorj

Отправлено

Не помогает.Картинка не растягивается.

  • 0

#4 BaNru

Отправлено

Не помогает.Картинка не растягивается.

А проверяем в IE6-7?
В нем и не будет работать.
  • 0

#5 jorj

Отправлено

Не помогает.Картинка не растягивается.

А проверяем в IE6-7?
В нем и не будет работать.
Нет,проверяю в Opera 11 и в Google Chrome.
  • 0

#6 BaNru

Отправлено

Приведи код, который не работает.

  • 0

#7 jorj

Отправлено

<div class="kartinka"></div>.kartinka { background-image:url(/img/image.gif); /адрес фонового изображения/ background-size:100% 2em; /размер фон.изобрадения/ background-position:100% 30px; /позиционирование по ширине и длине соответственно/ background-repeat:no-repeat; /Повторение (в данном случае без повторения)/ background-attachment:fixed; /в этом случае фоновое изображение не будет перемещаться при прокрутке страницы/ }
  • 0

#8 BaNru

Отправлено

Ты темой не ошибся?
Убери background-attachment:fixed;
  • 0

#9 jorj

Отправлено

Извините,что ошибся темой.
Я убрал background-attachment:fixed,но картинки даже не было видно.Тогда я поставил: background-position:100% 100%; Картинка появилась,однако резиновой не стала. :(
  • 0

#10 Aristotel

Отправлено

http://bitby.net/web...-rezinovyj-fon/

вот тут статья, сам не читал, но вроде по теме.

  • 0

#11 BaNru

Отправлено

http://demo.g63.ru/rezinovii_fon.html

  • 0

#12 motek

Отправлено

http://demo.g63.ru/rezinovii_fon.html


открывающего тега html нет :ph34r:
  • 1

#13 jorj

Отправлено

http://demo.g63.ru/rezinovii_fon.html

Вот скрин:http://floomby.ru/content/2Q4yS8Sx02

Сообщение отредактировал jorj: 17 Декабрь 2011 в 19:22

  • 0

#14 BaNru

Отправлено

открывающего тега html нет :ph34r:

епрст. Я его в последнее время везде забываю ставить. Копипастю хедер с ошибкой. :blush:

Вот скрин

А че нам скрин? Давай ссылку в студию на страничку.
Мы по скрину не можем гадать что ты там написал.
  • 0

#15 jorj

Отправлено

открывающего тега html нет :ph34r:

епрст. Я его в последнее время везде забываю ставить. Копипастю хедер с ошибкой. :blush:

Вот скрин

А че нам скрин? Давай ссылку в студию на страничку.
Мы по скрину не можем гадать что ты там написал.

Большое спасибо,все получилось!!!!


  • 0

Источник: http://itforums.ru/topic/10008-kak-sdelat-kartinku-rezinovoi-v-css/


Закрыть ... [X]

Как сделать картинку резиновой в CSS? - Верстка сайта - Форум вебмастеров Под пиджаком нет одежды

Как в css сделать чтобы картинка не повторялась Пропорции картинки CSS : Kate-land - блог верстальщика и для верстальщика
Как в css сделать чтобы картинка не повторялась CSS - Неподвижный фон, фиксированный - Как зафиксировать фоновое
Как в css сделать чтобы картинка не повторялась Добавление изображений в CSS с помощью кодирования его в base64
Как в css сделать чтобы картинка не повторялась Как растянуть фон, изображение на всю ширину блока, экрана
Как в css сделать чтобы картинка не повторялась Урок 28. Неподвижный фон, прописанный с помощью стилей CSS
9. CSS свойства изображения ВСОМ, КАК СДЕЛАТЬ САЙТ САМОМУ Как сделать картинку фоном в CSS Business pleasure фанфик по фэндому «DC Comics «Бэтмен» Болезни десен и зубов у человека: симптомы и лечение рассказывают Выкройка платья из трикотажа с драпировкой узлом Часть 2 из