Как реализовать подгон фона под разрешение?

[andys]

Добрый вечер! Подскажите, как реализовать чтобы фон обрезался под разное разрешение?

Edited March 24, 2013 by andys

[psywalker]

overflow: hidden; тебе в помощь.

[andys]

Если нетрудно не могли бы на примере в архиве показать?

я что т тыркался-тыркался, ничего не вышло

спасибо

[Softlink]

overflow: hidden; тебе в помощь.

а зачем тут overflow?

Тут же чистый background-position. Делайте его правым тогда будет обрезаться левая часть. И наоборот.

Соответственно и по высоте смотрите.

Лучше бы сюда код выложили, а не предлагали скачать.

Вот так будет работать:

#mainimage {
	width:100%;
	height:768px;
	background:url(../img/main1.jpg) no-repeat;
	background-position:left;
}

Тут будет обрезаться тигр. Так надо?

В любом случае, поменяйте left на right и будет наоборот.

Edited June 22, 2011 by Softlink

[SelenIT]

Как вариант, background-position: 50% 0 (соответствует "center top"), оба края будут обрезаться равномерно, центр будет всегда в центре. А можно обрезать и неравномерно, например, background-position: 75% 0; (сильнее обрезать левый край, а тигра "пожалеть"). Смотря по ситуации...

[andys]

Спасибо! Каждому! Буду пытаться!