2010-04-30 8 views
5

Also Firefox unterstützt Gradienten Hintergründe. Unterstützt auch mehrere Hintergrundbilder. Warum funktioniert das nicht?-moz-linear-gradient mit PNG Hintergrund über Top

background:-moz-linear-gradient(top, #5989bd,#336296), url(Active-Arrow.png) right center no-repeat; 

auch versucht:

background-color:-moz-linear-gradient(top, #5989bd,#336296); 
background:url(Active-Arrow.png) right center no-repeat;  

Kann dies geschehen ??

+0

versuchen Sie den ersten Weg aber als Hintergrundbild vs nur Hintergrund – meandmycode

Antwort

7

Sie müssen das Hintergrundbild BEFORE den linearen Gradienten einfügen. Beispiel:

background: url("http://127.0.0.1/css/bg.png") no-repeat, 
-moz-linear-gradient(top left, rgb(0,255,0), rgb(255,0,0));