Zamiana obrazka metodą Webfonts
Niewielu webmasterów wie, że istnieje lepsza metoda podmiany obrazka na stronie z wykorzystaniem CSS niż ta, która przesuwa dany obrazek poza obszar ekranu.
Technika dotyczy elementu, któremu obrazek przypisano jako tło w CSS (background-image), a nie samego znacznika <img />, bo text-indent przesuwa wyłącznie tekst wewnątrz elementu. Tekst takiego elementu można ukryć w ten sposób:
.obrazek
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
Nowy sposób podmiany zdjęcia na stronie WWW jest tak samo prosty jak ten poprzedni polegający na przeniesieniu obrazka poza ekran przeglądarki oraz znacznie wydajniejszy.
