Skip navigation.

Projektowanie i inne takie...

by Piotr Potera

Text-shadow w Internet Explorerze?

Tuesday, 7. April 2009, 00:23:19

, , , ,

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 7. April 2009, 06:47

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 7. April 2009, 08:05

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

Anonymous 7. April 2009, 10:56

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

Piotr Potera 7. April 2009, 11:53

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

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