2013-10-26 18 views
5

Radyal bir arka plan oluşturmaya çalışıyorum, nedense tek alabileceğim bir satır var. Ne yaptığım hakkında hiçbir fikrim yok, fikrin var mı?CSS3 radyal degrade çizgisi olarak belirir

Jsfiddle: http://jsfiddle.net/3QSFj/1/

CSS:

background: -webkit-gradient(radial, circle, 0, circle, 70, color-stop(0%, #718aa7), color-stop(70%, #203044)); 
background: -webkit-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: -moz-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: -o-radial-gradient(circle, #718aa7 0%, #203044 70%); 
background: radial-gradient(circle, #718aa7 0%, #203044 70%); 

cevap

5

senin bodyheight100% için, sizin body eleman boştur ve bu nedenle herhangi height yoktur background orada sadece repeated olduğunu ayarlayın. Bad Demo

siz de background-repeat: no-repeat

Demo 2

olarak background-attachment: fixed; gerekir böylece Ayrıca

Demo

, sen background, tekrarlanacaktır