Projektowanie i inne takie...

by Piotr

Przeźroczyste PNGi w IE6 po raz tysięczny...

Wednesday, February 27, 2008 2:52:21 PM

, ,

Jest i było opisywane wiele razy już od co najmniej 8 lat a wy macie wciąż z tym problem. No dobra:

Gotowy przykład tutaj:
http://piotrpotera.com/helpdesk/pngFixExample

Paczka do pobrania tutaj:
http://piotrpotera.com/helpdesk/pngFixExample/pngFix.zip


...i na koniec kilka uwag:

1. obrazek blank.gif musi być zawsze aplikowany. Może mieć dowolny rozmiar, byle był GIFem i był przeźroczysty. Scieżka do niego znajduje się zaraz na początku pliku iepngfix.htc. Jego brak skutkuje piękną ramką wokół prawdziwego obrazka, informującą, że obrazek ów nie został poprawnie załadowany.

2. moża korzystać z PNGów w background-image ale obrazek taki nie może być powtarzany w osi x/y (ograniczenie explorerowego IEFilter).

3. dla pewności podaj jakieś wymiary dla elementów, które przepuszczasz przez filtr IE.

4. border i padding nie działa. Jeśli już musisz, opakuj obrazek w jakiegoś DIVa i jemu zaaplikuj odpowiednie style.

5. jesli dajesz przeźroczysty PNG jako tło dla elementu, nie może on mieć overflow: auto/scroll;. IE6 ma z tym duuuży problem ;-)

POprostu cudnie...Czym (zwykle) kończy się praca w korporacji...

Comments

Marcinsuperlolek Thursday, February 28, 2008 10:47:32 PM

bleee... nie cierpie tych jsowych fixow... wole to zrobic cssami.. ooo tak, zdziwilbys sie, ale sie da:d , filtrydx ms'a bigsmile, niestety arkusz cs sie wtedy nie validuje sad ale ... dziala, i to dziala wszedzie bigsmile
podaje przyklad:
.bgleft {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/image_09.png');
	background-repeat: no-repeat;
	background-position: right 301px;
}

.bgleft[class] {
	background-image: url(images/image_09.png);
}

to tak, pierwsza definicja, jest dla ie - dziala dla ie 6 i w ie 7 tak samo
druga jest dla pozostalych przegladarek .. ;d bez niepotrzebnych plikow, bez niepotrzebnego kombinowania, wbrew pozorom te fixy czasami nie dzialaja... aa zapomnialem o jednym.. jest z tym jeden problem przy mod_rewrite, ale jaki, to juz sobie kazdy sam rozwiaze bigsmile

Piotrarti040 Friday, February 29, 2008 12:40:08 PM

@superlolek
Wiem, ze sie da, ale co jesli masz kilka(nascie/dziesiat) takich obrazkow? ;-)

Marcinsuperlolek Friday, February 29, 2008 1:26:25 PM

uwierz mi to wtedy lepsze jest nadal takie rozwiazanie, gdyz przy kilkudziesieciu/nastu takich obrazkach, skrypt zabija twego kompa :]

Piotrarti040 Friday, February 29, 2008 1:37:14 PM

Moze tak, ale mnie jest wygodniej dac jedna regule CSS niz 30 ;-)

Marcinsuperlolek Friday, February 29, 2008 10:36:54 PM

ja to juz robie automagicznie, a dwa, zawsze mozna na tplkach w php sobie to ustawic, klase napisac i luzik smile

Piotrarti040 Saturday, March 1, 2008 10:33:02 AM

Pisac klase do ustawiania CSS?! To ja juz wole to .htc ;-)

Marcinsuperlolek Saturday, March 1, 2008 11:01:24 AM

no wiesz, nie wiem jak Ty, ale ja np pisze juz klasy do wszystkiego, jesli cos da sie napisac w formie funkcji, to pisze to jako klase.. wink

Unregistered user Friday, March 21, 2008 9:34:32 PM

Artur Kulig writes: @superlolek "jesli cos da sie napisac w formie funkcji, to pisze to jako klase". Zboczeniec! Fixy są szybsze to implementowania i nie wymagają wiedzy jaką musi posiadac człek w chwili pisania odpowiedniego css'a ;]

Marcinsuperlolek Saturday, March 22, 2008 2:04:33 PM

no wlasnie.. nie musi posiadac wiedzy.. do czego to dazy ?...
mamy mase "specjalistow" ktorzy potrafia korzystac z gotowcow.. piastuja stanowiska ktorych miec nie powinni... bo gdy przychodzi co do czego zaczyna sie problem...
powiem Ci ze jak czasami przegladam oferty pracy, tak z ciekawosci, zobaczyc jakie sa wymagania, to mnie to wszystko rozbawia..
znajomosc, xyz, frameworkow itd.. no i co dalej ? masa gosci umie korzystac z frameworkow, ile z nich potrafi napisac takowego ?

Widzisz, wiedza jest potrzebna, i bardzo sie przydaje.. fixy moze i sa szybsze do implementowania.. i nic poza tym.. gdy pojawia sie problem ... taka osoba ktora potrafi implementowac tylko fixy... lezy i kwiczy... a to.. wola o pomste do nieba...

Unregistered user Friday, May 9, 2008 6:22:51 PM

Quake writes: Ja bym zaaplikował fix z obrazka jako plugin do jQuery. Byłoby elegancko, nie muliłoby na innych przeglądarkach, CSS by się walidował i ogólnie bardzo ładnie.

Piotrarti040 Friday, May 9, 2008 10:02:58 PM

Czemu akurat jQuery? Poza tym, przed innymi przegladarkami to sie chowa, wiec nie ma problemu.

Marcinsuperlolek Saturday, May 10, 2008 9:58:02 PM

pozwol ze .. ja CI powiem - dlaczego jQuery,
bo jQuery jest ql jest tredny super.. i... sie sypie wink
taaak, poszukac wystarczy na stronach, sa z tym problemy tak czy siak..
po prostu niektorzy nawet do przejechania 100m wyciagna z garazu porsche albo czolg.. bo przeciez cos sie stac moze wink

ot taka filozofia ostatnio

Write a comment

New comments have been disabled for this post.

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