CSS3 Background Images


Сделать изображение фоном без javascript на весь фон? Легко!

Есть методы с js... я ранее писал про скейлинг картинок, но есть и css метод, хоть и не везде работает!

.back {
  background-image: url(back.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
}

Данный метод будет работать в последних Firefox, Safari, Chrome и Opera, все остальные браузеры будут видеть реальное изображение в фоне по центру блока.

Источник: http://www.cssplay.co.uk/boxes/css3-background.html

  • Digg
  • del.icio.us
  • Facebook
  • В закладки Google
  • FriendFeed
  • LinkedIn
  • MySpace
  • Twitter
  • Google Buzz
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • БобрДобр
  • Добавить ВКонтакте заметку об этой странице

,

  1. #1 by Joliat on 13.10.2011 - 21:41

    Ой, скорей бы! То ИЕ так задолбал!

  2. #2 by helpweb on 29.10.2010 - 14:41

    Прикольное свойство. Его можно будет пользовать в полной мере когда ИЕ уйдет полностью в топку

(никто не узнает)