CSS: background-color als fallback für background-image?

[DGL-luke]

Hallo,

folgende Website: http://selbsthilfe-toelz.de

folgendes CSS:

Code:

/** generic menu item **/
.mainlevel  {
  display:block;
  height:25px;
  line-height:25px;
  padding-left:15px;
  background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
  font-weight:bold;
  text-decoration:none;
}

Wenn ich jetzt anstatt "transparent" eine farbe, z.B. #000000 notiere (weil anderswo color: #ffffff notiert ist), wird das hintergrundbild (zumindest im FF) nicht mehr angezeigt...

Warum das?!

[alcaeus]

Versuchs mal ueber die getrennten Eigenschaften. Also zuerst background-color, dann background-image, background-repeat und background-position:

Code:

background-color:#FFF;
background-image:url(../images/bg_mainlevel.gif);
background-repeat:repeat-x;
background-position:center top;

Wichtig ist dabei, dass color vor image kommt :)

Greetz
alcaeus

[DGL-luke]

Funktioniert leider auch nicht... Egal was ich mach, entweder ich hab immer den schwarzen (!) Hintergrund oder immer das Bild bzw. ohne Bilder transparent (per ImgLikeOpera die Bilder ausgeschaltet)

[Thorben77]

Setz die Farbe ans Ende, dann gehts:

Code:

.mainlevel {
  background: url('../images/bg_mainlevel.gif') repeat-x center top #000;
}

[DGL-luke]

:love: