Bilder abrunden mit CSS?

[MudGuard]

Hi,

Schade, dachte, weil Mozilla.org ja oben ihre Menüpunkte auch mit CSS irgendwie abgerundet haben soll, werd nur aus dem CSS absolut nicht schlau.

ja, das ist mit -moz-border-radius gemacht.
Das wirkt sich zwar auf die Hintergrundfarbe aus - diese wird nur innerhalb der border dargestellt, ein Hintergrundbild wird jedoch dabei nicht abgerundet, die Ecken stehen

p { -moz-border-radius:30px; width:50px; height:50px; padding:15px; }
.c1 { background-image:url(test.png); border:1px solid black;  }
.c2 { background:#ccf; border:1px solid black;  }
.c3 { background:#cfc;   }

<p class="c1">bla</p>
 <p class="c2">bla</p>
 <p class="c3">bla</p>

erzeugt

-moz-border-radius funktioniert also auch ohne border, aber nicht für Hintergrundbilder.

cu,
Andreas