Kate - 18 Kwiecień 2008, 21:34 Temat postu: IE+png=:((( Czy ktoś wie co należy dopisać do div#naglowek{ background: transparent url('obrazki/naglowek01.png') no-repeat; height: 180px; position: relative; z-index:3; } aby obrazek miał przezroczystość w IE<7 znalazłam kilka wskazówek, ale nie potrafię tego zrobić. ABu - 18 Kwiecień 2008, 23:15 Nigdy nie próbowałem tego robić, a z tego co czytam trochę się trzeba pogimnastykować. Ale może jest możliwość nieumieszczania akurat png-a z półprzezroczystością a zastąpienia go czymś bezpieczniejszym? Być może da się problem ominąć w ogóle nie wykorzystując przezroczystości. Ja z reguły staram się pisać stronki tak, żeby działały na wszystkim bez jakichś specjalnych sztuczek - nawet jeśli muszę czasem zrezygnować z ciekawszych efektów. Myślę, że pisanie całych mechanizmów rozpoznających przeglądarkę i do niej dostosowujących sposób wyświetlania strony mija się z celem - szkoda po prostu na to czasu. Pozdrawiam ABu DooSHeK - 19 Kwiecień 2008, 19:54 to nie takie proste, nie wystarczy czegoś dopisać od tak tutaj jest rozwiązanie: http://bjorkoy.com/past/2...est_way_to_png/ ABu - 19 Kwiecień 2008, 23:08 Kate, a możesz pokazać, jak miałoby to wyglądać w rzeczywistości? - może udałoby się problem ominąć całkiem bezboleśnie i bez stosowania niepewnych sztuczek. Kate - 20 Kwiecień 2008, 14:40 Chodzi mi o nadanie cienia do wyświetlanego obrazka, albo powiedzmy chciała bym w nagłówku strony umieścić nie prostokątny, ale z zaokrąglonymi brzegami obrazek...i co wtedy(w IE wychodzi białe tło ), problemu w tym przypadku by nie było gdyby cała strona miała białe tło ale gdy ma jakiś wzór np w paski ukośne(bo taki miałam zamiar dać) to niestety nie może tak być. Ogólnie dopiero się uczę tworzenia stron, ale nie chcę iść na łatwiznę i ograniczać swoich pomysłów. Może znacie jakieś inne rozwiązanie. Mam jeszcze pytanie: gdybym chciała umieścić np elementy roślinne zrobione w corelu które również by miały przezroczyste tło to w jakim formacie musiały by być? Kate - 20 Kwiecień 2008, 15:35 Mam przykład http://www.alternatywy4.net/ chodzi mi w tym przypadku o tą wystającą tabliczkę i u dołu strony wystające kartki, które mają cień. One są chyba zapisane w png. wawel - 20 Kwiecień 2008, 18:50 a zobacz tu tez http://homepage.ntlworld.com/bobosola/pnghowto.htm jest tez tam przyklad na stronie http://homepage.ntlworld....JS_inc_file.htm jest tam wrzucony skrypt <!--[if lt IE 7]> <script defer type="text/javascript" src="pngfix.js"></script> <![endif]--> a skrypt tez do pobrania z tej strony z linka gornego pozdr. Kate - 21 Kwiecień 2008, 10:03 Widzę że podając plik png trzeba podać również jego długość i szerokość, więc może dlatego nic nie chciało mi wcześniej wyjść. Asdef - 22 Kwiecień 2008, 15:18 nie wiem jak to jest, ale z tego co ja wiem... TO: IE nie umie obsługiwać przezroczystości w PNG. Niestety pozostaje tylko GIF, ewentualnie mieć gdzieś użytkowników z IE i producentów Microsoftu… ale nie radzę… Lepiej robić layout na gotowo i go po prostu pociąć jesli tobie sie udało rozwiązać problem to powiedz jak... bo podobno technicznie jest to nie możliwe... ale wiadomo  mogą to być tylko
Kate - 22 Kwiecień 2008, 16:37 Te linki które podał wawel myślę że będą dobre ale skorzystam z nich dopiero za kilka dni(brak czasu), jak się uda to napiszę. Poza tym mam zapisaną tę stronę http://www.alternatywy4.net/ łącznie z plikami css i js muszę się im bliżej przyjrzeć ,tam właśnie są użyte pliki png i w IE wyświetla się dobrze. wawel - 22 Kwiecień 2008, 18:35 uzupelniajac temat i odpowiadajac "ale z tego co ja wiem... TO: IE nie umie obsługiwać przezroczystości w PNG." IE od wersji 7 obsluguje png 24 ze zdefiniowana przezroczystoscia np. na podstawie kanalu alfa (jesli jest z photo paint). o innych programach tu nie piszmy  I robi to bez jakis specjalnych zabiegow, dodatkowych skryptow itd. Zdjecie wtapia sie stopniowo w tlo bez problemu.
wiecej o png jest tu i w tych linkach ktore wczesniej podalem http://webhosting.pl/kate...rnet_explorerze pozdr. Kate - 26 Kwiecień 2008, 15:45 Zrobiłam wszystko zgodnie z http://webfx.eae.net/dhtm...ngbehavior.html u dołu tej strony jest przykład http://webfx.eae.net/dhtml/pngbehavior/demo.html i można go ściągnąć łącznie z plikiem htc. Ten przykład działa u mnie na IE, ale po ściągnięciu na dysk przestaje działać, więc i to co ja zrobiłam też nie działa, bo znajduje się na dysku. :((( i nie wiem jak to sprawdzić. wawel - 30 Kwiecień 2008, 09:20 a to rozwiazanie ze skryptem pngfix.js nie dziala? Ja niestety obecnie nie moge sprawdzic tego z linka od Ciebie bo nie mam starszej przegladarki i png mi sie wyswietli bez tla bez dodatkowych zabiegow. pozdr. |
