CSS Sprites. Jak wykorzystać jeden obrazek wiele razy na stronie WWW?
Wow, codziennie się uczę. Przygotowujesz jeden obrazek i za pomocą prostych technik CSS wykorzystujesz go dowolną liczbę razy. Polecam!
- #
- #
- #
- #
- #
- 24
Wow, codziennie się uczę. Przygotowujesz jeden obrazek i za pomocą prostych technik CSS wykorzystujesz go dowolną liczbę razy. Polecam!
Komentarze (24)
najlepsze
Narzekacie jak stare mohery. Tło się zmieni i będzie kupa bla bla bla to ustaw przeźroczyste tło w gifie. Problem rozwiązany. Nie widzę dlaczego to miałoby się rozwalić gdy będzie to rozszerzone w pionie czy poziomie. Pod ie6 też nie powinno się rozwalać (to nie ta bajka, że to nie działa pod ie6) i nie jest to żaden hack tylko dobry nawyk koderski zmniejszający rozmiar obrazka i powodujący załadowanie 4 wierzchołków w jednym obrazku.
Tego nie jestem pewien akurat ale wydaje mi się, że googlowski GWT łączy właśnie wszystkie obrazki w jeden w celu redukcji obciążenia serwera.
Ludzie
Co do samego nawyku ładowania grafik w jeden plik, to jasne - to bardzo dobry nawyk, szczególnie jeśli chcemy zaoszczędzić na procesorze i łączu. Jednak nie w każdej sytuacji da się skorzystać z tego (choćby jeśli tło ma się powtarzać).
Mnie jednak boli (jak zawsze) to jaki kod html do tego napisali. Później się dziwić, że takie divitis na każdej stronie. Nie jestem kompletnym, zaślepionym idealistą, ale jednak kiedy mogę staram się tak ciąć grafikę, by wkomponować te graficzne cuda w elementy htmla, które są poprawnie użyte (czyt. semantyczne).
Mogliby
jak ktos chce sie pouczyc CSS to se jakis kurs wklepie w google. proste.
Nie musicie się tak wysilać się z fachowymi komentarzami (pojazdami) po mniej doświadczonych kolegach. Z gradientami sobie nie umiecie poradzić?
Wanna fun?
http://www.onet.pl/_x/sidebar/cssg/skin00/59a2f93c53ddf11c48234a5888b2164f,skin00.gif
http://www.gazeta.pl/i/hp/nq/sprite-wbg-1.5.5.png
Dla IE trzeba dać w divach owerflow:hidden; gdyż ten domyślnie ustawia minimalną wysokość na wartość line-height .. To po pierwsze..
Po drugie, pomyślcie co się stanie jak rozciągniemy stronkę w pionie..
Po
pomijajac fakt zlego wyswietlania przezroczystych png w ie6
Czy ktoś zrozumie coś z mojego?
Poszukuję blachoszczelki do naddźwiękowego podciśnieniowego pelengatora hydrostatycznego elektrogumonapawarki z przyczułapkami do hipertermobulgulatora wstecznego ślimakowicy boczno-spadowej z ryflem grzyla gulgownicy
Tego szukam ja, Pafnucy Okapiński, czyli Wujek Dobra Rada.