Arka plan görüntüsü üzerinde şeffaf bir css3 gradyanını kaplayabilir misiniz?

Question

Arka plan görüntüsünün üst kısmına bir css3 gradyanı yerleştirmeye çalışıyorum. Aşağıdaki kodu kullanarak benim gradyanın üzerine bir arka plan resmi koyar, ama bunu diğer şekilde yapmaya çalışıyorum, bu yüzden degrade üstte bir maske gibi davranır. Yardımlarınız için

url(images/darkwood.png), 
-webkit-gradient(linear, 0 0, 0 100%, from(#EEF), to(#000)) 300px 50px no-repeat, 
-webkit-gradient(linear, 0 0, 0 100%, from(#EFE), to(#000)) 0 0 no-repeat; 
background: 
url(images/darkwood.png), 
-moz-linear-gradient(#EEF, rgba(0,0,0,1)) 300px 50px no-repeat, 
-moz-linear-gradient(#EFE, rgba(0,0,0,1)) 0 0 no-repeat; 

Teşekkür

Answer 1

Ben, web siteme biri için bunu yapmak sizin için bir iş Umut var;

body { 
    margin: 0; 
    padding: 0; 
    background: url('img/background.jpg') repeat; 
} 

body:before { 
    content: " "; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    z-index: -1; 
    top: 0; 
    left: 0; 
    background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%); 
} 

Answer 2

Yukarıdaki örnek, yeniden boyutlandırılabilir div'lerle çalışmaz.

Sizin kodunuz iyi çalışır. Fakat anladığım kadarıyla, CSS sağdan sola okuyor.

div { 
    background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%), url('http://www.google.co.uk/logos/classicplus.png') repeat; 
} 

Örnek: http://sapphion.com/2011/11/css3-background-gradient-on-top-of-an-image/