Projektowanie i inne takie...

by Piotr

Text-shadow w Internet Explorerze?

Tuesday, April 7, 2009 12:23:19 AM

, , , ,

Proszę bardzo. Zrobiłem to w sumie jako szuka dla sztuki ale może komuś się przyda. Wersja wybitnie alpha i przeznaczona (narazie) do testów - zobacz przykład. Archiwum do zabawy jest tutaj (6kb).

Zabawka prawie całkowicie bezobsługowa. Opcjonalnie parametr - nazwa pliku CSS, w którym znajdują się odpowiednie reguły (domyślnie style.css). Funkcja sama znajduje te, które mają text-shadow i aplikuje patch. Internet Explorer wymaga dopisania to danej reguły dodatkowego elementu shadow z takimi samymi wartościami jak prawidłowy text-shadow, patrz przykład.

Co potrafi skrypt?
  • odnaleźć odpowiednie elementy w pliku CSS i zaaplikować im cień, jeśli przeglądarka nie obsługuje text-shadow;
  • ustawić odpowiedni kolor cienia według oryginalnej definicji;
  • ustawić odpowiednią pozycję cienia, również według oryginalnej definicji text-shadow;

Czego nie potrafi?
  • odnaleźć samego elementu, tak więc każdy obiekt, który ma/ma mieć text-shadow musi mieć klasę lub ID;
  • funkcja (jeszcze) nie respektuje kaskady CSS;
  • z oczywistych powodów ignoruje trzeci parametr text-shadow (wartość zmiękczenia cienia);

Czego wymaga?
  • pliku CSS z elementami zawierającymi text-shadow;
  • w przypadku selektora z klasą, trzeba podać również element, czyli nie .foo a np. div.foo;
  • dodatkowego wpisu dla IE do danej reguły w postaci shadow: [x]px [y]px [kolor cienia];
  • przeglądarki z niezlą obsługą DOM/Javascript (od IE6 w górę) wink

Co jeszcze do zrobienia?
  • poprawki błędów;
  • elementy bez ID/Class i kaskada CSS;
  • filtrowanie przeglądarek (aktualnie działa wszędzie - tam, gdzie nie potrzeba też);

A jak to wygląda?
Ano, na przykład tak:


Wszelkie uwagi mile widziane wink


Grono.net sie ugieło?Dowód, że boga nie ma?

Comments

Anonymous Tuesday, April 7, 2009 6:47:18 AM

mr_zola writes: A dlaczego w moim Fx 3.0.8 nie widać cieni? Czy Fx to obsługuje? PS. Twoja CAPTCHA czasami informuje o źle wpisanym kodzie mimo prawidłowego przekopiowania.

Anonymous Tuesday, April 7, 2009 8:05:42 AM

Anonim writes: Błąd: applyShadows is not defined Przeszło to beta testy ? ;)

Anonymous Tuesday, April 7, 2009 10:56:31 AM

epi writes: W operci działa :> Ale wygląda tak sobie.

Piotrarti040 Tuesday, April 7, 2009 11:53:39 AM

@mr_zola
Powinno dzialac. Wlasnie sie zorientowalem, ze jest literowka w kodzie. Jedynie epi wpadl na pomysl zeby poprawic ;-)

Anonymous Monday, July 12, 2010 12:27:31 PM

Anonymous writes: Nie ma plików na serwerze

Anonymous Monday, July 25, 2011 11:55:18 PM

Wolff writes: U mnie na Firefox w ogóle nie widać przykładów - białe prostokąty.

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

Operowe blogi

Nie-operowe blogi ;)

  • Bartosz Skowronek

    Wszystko o iJabłkach, iPhonach i iPodach.

  • Emil Bronikowski

    Coś mądrego do poduszki.

  • Micha Osmenda

    Jemu się udało. Polak pracujący w Microsofcie, w Irlandii.

  • Rafał Krawczyk

    Polityka, grafika, humor

  • Paweł Tkaczyk

    Prowadzenie własnej agencji reklamowej od kuchni.

  • Kornel Lesiński

    Zwiesz się web-developerem? Najpierw naucz się tego co tam jest na pamięć. 20-kilkuletni geek-emigrant piszący, jak należy projektować serwisy www.

Inne