SKRÓTY:

BACKGROUND IMAGE SIZE

24 kwietnia 2009, 16:22

Tym razem coś z tzw. innej beczki: niedawno szukałem rozwiązania, które umożliwiałoby emulację planowanej dopiero w CSS3 własności background-size. Okazało się, że takich rozwiązań jest wiele, żadne jednak nie spełniało wymagań:

  • rozciąganie obrazka na całą szerokość strony,
  • dostosowanie rozmiaru pionowego tła do faktycznego rozmiaru dokumentu,
  • rozmiar tła dostosowujący się dynamicznie do rozmiaru okna przeglądarki.

Właściwe rozwiązanie – wykorzystujące jQuery, choć możliwe do zrealizowania także w czystym JS – okazało się proste; publikuję je jednak, bo może komuś oszczędzić kilkunastu minut kombinowania. Więcej  »