Hallo Gunnar,
Für ältere Browser entweder keinen transparenten, sondern opaken Hintergrund
li
{
background: #F00;
background: rgba(255, 0, 0, 0.8);
}li:hover
{
background: #666;
background: rgba(102, 102, 102, 0.8);
}
>
> oder eine Grafik als Fallback:
>
> ~~~css
li
> {
> background: url(myBackground.png) 0 0;
> background: rgba(255, 0, 0, 0.8);
> }
>
> li:hover
> {
> background: url(myBackground.png) 0 42px;
> background: rgba(102, 102, 102, 0.8);
> }
Vielen Dank für deine Antwort, jedoch löst das das Probelm nicht. Die unterschiedliche Transparenz ist trotzdem noch vorhanden. Siehe hier
Einfach mal die Hauptelemente hovern und dann in die Unterpunkte gehen, dann siehst du, dass sich auch die Transparenz des entsprechenden Hauptelementes ändert!
Schönen Gruß