background problemi

Merhabalar,

Background resmini tekrar etmeden sadece ekrana sığana kadar genişletmesini istiyorum. Kullandığım kod;

background: url('../imgs/background.png') no-repeat top center;

Bu şekilde kullandığımda resim boyuna kısa geldiğinden alt taraflar beyaz çıkıyor. Nasıl uzamasını sağlarım?

background-position:fixed

Sabit tutuyorda resmin çözünürlüğü 1024*768 desek, 1366*768 çözünürlüklü biri girince bu resim uzamıyor. Nasıl otomatik uzatırım onu soruyorum.

Yanlış anlamışım kusura bakma.
Js veya php ile ekran çözünürlüğü alıp ona göre boyut verebilirsin veya arka planın kenarlarını bir renk ile yumuşatıp o rengin arkaplanına ortalayabilirsin. Aklıma başka bir şey gelmiyor şu an.

Bir CSS3 özelliği olan background-size'ı kullanabilirsiniz.

IE9+ ve üstü versiyonlar destekler.

background-size:100% 100%;
background-repeat:no-repeat;
background-origin:content-box;

bunu dene dostum

Aradığınız şey cover.

.cover{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}