Corel FORUM

[Kate]

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]

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]

to nie takie proste, nie wystarczy czegoś dopisać od tak

tutaj jest rozwiązanie:

http://bjorkoy.com/past/2...est_way_to_png/

[ABu]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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.