nicht angemeldet
Hi,
ich habe ein CSS-sprite in dem mehrere Icons nebeneinander (und untereinander) sind.
Ich möchte nun einem button dieses Icon geben:
<button class="help">Hilfe</button>
.help {
background:url(sprite.png) no-repeat -50px 0;
padding-left:20px;
}
So werden natürlich auch die Bilder die rechts neben dem gewünschten Icon im Sprite kommen als Hintergrund angezeigt.
Wie kann ich das lösen?
Anstelle als background-image als border-image funktioniert nicht im IE8.
:before {content:url();} nimmt das ganze Bild und nicht nur einen Ausschnitt, <img> kann ich ja nicht als content angeben.
Oder wird aus dem content:url() ein img-element im button das ich dann über .help img stylen könnte?
background-clip und background-size machen leider andere Dinge als ich von ihnen erhofft hätte (und funktionieren nicht im IE8).
Jemand eine Idee?