CSS - obrazek poza <button>

CSS - obrazek poza <button>
FO
  • Rejestracja:około 8 lat
  • Ostatnio:ponad 2 lata
  • Postów:67
0

Mam button klasy black:

Kopiuj
button.black
{
...
}

chcę by poza buttonem pojawił się obrazek.
Stosując kod:

Kopiuj
button.black:after
{
content: url("img/button.png");
}

obrazek pojawia się wewnątrz buttona, nie poza nim.
Any idea?

edytowany 1x, ostatnio: dzek69
Garen_eye
  • Rejestracja:około 10 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Warszawa
  • Postów:68
0

A próbowałeś dać content: "", ustalić width&height i obrazek wstawić za pomocą background-image?


FO
  • Rejestracja:około 8 lat
  • Ostatnio:ponad 2 lata
  • Postów:67
0

To samo uzyskuję.

AC
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 7 lat
  • Postów:14
0
Kopiuj
.black{
   position: relative;
   /* width height, wyzerowanie margin i paddingu */
}
.black:after{
   position: absolute;
   top: 0;
   left: 100%;
   /* width i height jakie potrzebujesz */
   content: ' ';
   background: /* tutaj wstawiasz swoje img + ustawienia dla bg */
}

edytowany 1x, ostatnio: accolade

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.