Avatar billede babysus85 Nybegynder
11. januar 2006 - 16:47 Der er 12 kommentarer og
1 løsning

Gennemsigtighed, kan ikke få det til at virke

Jeg er ultra-nybegynder i PhotoShop, men har dog fumlet mig frem til at lave et billede, men nogle gennemsigtige afrundede hjørner. Ud over at starte med en gennemsigtig baggrund, valgte jeg også at gemme som .png via "File"/"save for web", og valgte bla. "transparency". Det ser helt rigtigt ud, som om det BURDE virke. Men når jeg sætter mit billede ind i min html-fil (med en farvet baggrund), og åbner i Internet Explorer er mine hjørner GRÅ og ikke gennemsigtige.

Hvad gør jeg forkert?
Avatar billede weblex Nybegynder
11. januar 2006 - 16:53 #1
IE understøtter ikke png-formatet :(
Avatar billede babysus85 Nybegynder
11. januar 2006 - 16:55 #2
Jeg er da sikker på jeg har gjort det før. må huske forkert så
Dvs i IE kan jeg bruge jpg og gif, og det er kun gif, der understøtter gennemsigtighed?
Avatar billede weblex Nybegynder
11. januar 2006 - 16:57 #3
Men kan måske omgås via:

http://support.microsoft.com/kb/294714/en

- har aldrig selv prøvet...
Avatar billede pidgeot Nybegynder
11. januar 2006 - 17:00 #4
IE understøtter skam PNG formatet, men ikke fuldt ud. Helt specifikt er det kun binær gennemsigtighed den understøtter (dvs. enten er en pixel helt gennemsigtig, eller også er den slet ikke gennemsigtig) - og det er typisk en alpha channel (dvs. mulighed for delvis gennemsigtighed) der bruges med PNG-24 (omend det strengt taget ikke er påkrævet).

Hvis du gemmer som PNG-8 i Save for Web, vil IE vise billedet korrekt - men dette er selvfølgelig ikke en mulighed hvis du ikke kan nøjes med binær gennemsigtighed.

Der findes dog et JavaScript der kan bruges som workaround - http://homepage.ntlworld.com/bobosola/ - men ellers må du vente på IE7.
Avatar billede innercitydk Nybegynder
11. januar 2006 - 17:01 #5
Der må jeg desværre rette dg weblex. se nyhedsboksen på denne side:

http://cafekikhavn.dk/

Jeg lavede logoet i png-8 med de her indstillinger:

http://aspdotnet.dk/upload/png.gif

Husk undgå skygger i området med gennemsigtighed!

Vh
Avatar billede babysus85 Nybegynder
11. januar 2006 - 17:05 #6
hvilke skygger er der tale om?
Avatar billede innercitydk Nybegynder
11. januar 2006 - 17:06 #7
Hvis jeg havde lavet en gennemsigtig skygge rundt om den røde kant, ville den fremstå som skygge, men med en hvid kant hele vejen rundt, derved ville den forstyrre den anden bg der ligger på siden
Avatar billede babysus85 Nybegynder
11. januar 2006 - 17:22 #8
Med png-8 virkede det, men nu er der en fin stiplet linie ved hjørnerne. Jeg har brugt rectangle tool med afrundede hjørner. Skulle jeg have gjort det anderledes? Eller er det fordi png-8 ikke er delvis gennemsigtighed?
Avatar billede pidgeot Nybegynder
11. januar 2006 - 17:25 #9
Det er netop fordi PNG-8 ikke er delvist gennemsigtig (eller - det er den ikke når du gemmer i Photoshop - det *er* muligt at lave dem med alpha channel, men så ender du med samme problem som hvis du havde valgt PNG-24).

Du kan som sagt bruge det JavaScript jeg linkede til, og så lave dine billeder i PNG-24, men ellers må du enten leve med linien eller lave dit billede om til ikke at bruge delvis gennemsigtighed.
Avatar billede pidgeot Nybegynder
11. januar 2006 - 17:26 #10
Du kan bruge denne kode for at sikre at scriptet kun bliver kørt i de IE versioner der har brug for det:

  <!--[if lte IE 6] --><!--[if gte IE 5.5000]><script type="text/javascript" src="pngfix.js"></script><![endif]----><![endif]-->
Avatar billede babysus85 Nybegynder
11. januar 2006 - 17:28 #11
Tak. Scriptet fungerer rigtig godt.
Avatar billede pidgeot Nybegynder
11. januar 2006 - 17:28 #12
Så må jeg vel hellere smide et svar :)
Avatar billede doggy82 Praktikant
11. januar 2006 - 21:01 #13
Jeg har her et fungerende eks på png-behavior
http://www.lassefernov.dk/exp/png/test.htm

Her er den uden script, som jo så ikke duer i IE
http://www.lassefernov.dk/exp/png/test-uden-script.htm

Det er denne teknik som er brugt
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester