Weitere Grafik blockt Animation

[Enrico]

Hallo Matthias,

dass ich sie als eine besonders hilfreiche auszeichnen möchte.

Absolut! :-)

Ich mach das mal für dich.

Danke! :-)

Ich wollte nun am oberen und unteren Rand des headers eine Grafik darüberlegen, die nach oben bzw. unten ins Schwarze überblendet:

header  
{  
	background-image:    url(../img/layoutAusblendungOben.png),  
                        url(../img/layoutNebel.png),  
                        url(../img/layoutNebel.png),  
                        url(../img/forestroad.jpg);  
	background-size:     100% auto,  
                        50% 60%,  
                        50% 80%,  
                        cover;  
	background-position: 0% top,  
                        0% top,  
                        0% bottom,  
                        center;  
	min-height:          20vw;  
   -webkit-animation:   nebel linear 20s infinite;  
   -moz-animation:      nebel linear 20s infinite;  
   -o-animation:        nebel linear 20s infinite;  
   animation:           nebel linear 20s infinite  
}

Jetzt funktioniert die Animation aber nicht mehr (das in meiner css-Datei auskommentierte "background-repeat: repeat-x" für die obere Ausblendung habe ich hier rausgenommen, weil ich befürchte, dass mein Code-Listing hier eh verwurstelt sein dürfte ^^).

Kann ich, durch die definierte Animation, keine weiteren Grafiken einbinden?

Gruß, Enrico