Avatar billede daniel_d Nybegynder
15. februar 2007 - 01:45 Der er 3 kommentarer og
1 løsning

Transparent (Alpha channel) driller i IE6, men kun på 1 element.

Jeg er virkelig lost her.
Jeg benytter transparante png's på et design jeg er ved at udvikle. De ligger alle sammen som background i css og alle undtaget 1 virker. Hvor mærkeligt er det.

Dvs. denne ene virker i IE7 og FF, men ikke IE6. Skifter jeg billedet ud med en gif udgave kan jeg fint se billedet, så positionen er korrekt, også i IE6

Forskellen mellem dette og de andre er at jeg repeater på y istedet for x.

Jeg testede så med repeat-y på et andet element hvor jeg lettere kunne se hvad der foregik og her kunne jeg se, at IE6 strækker min bg til at fylde hele bredden på min DIV og ikke som normalt. Dette gør den vel og mærke kun på png og ikke eks. et gif.

Behøver jeg at sige... JEG HADER IE!

Nogen med en løsning?
Avatar billede hermandsen Juniormester
15. februar 2007 - 02:41 #1
Hehe... IE6 har sin helt egen sjove måde at loade PNG på!! :)

CSS-attribut:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='billede.png');

Bemærk at stien er relativ fra dit HTML-dokument, ikke CSS!
Avatar billede hermandsen Juniormester
15. februar 2007 - 02:44 #2
Når ovenstående så samtidig er sagt, så skal det siges at det ikke helt fungerer ligesom en normal background i CSS.

Læs mere om AlphaImageLoader på http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp

//hermandsen
Avatar billede daniel_d Nybegynder
15. februar 2007 - 03:01 #3
Ja, kender godt til den løsning. Problemet er bare, at jeg benytter min png som en baggrund i en DIV som er har en bredde på 710px, mens mit baggrundsbillede kun er 23px.

Men fik det da løst på en ikke helt elegant måde - jeg lavede min png lige så bred som min div og transparant i det område den ikke skal strækkes...

Som sagt den eneste løsning jeg kunne få til at spille, og det virker...

Men takker for svar. Point på vej...
Avatar billede daniel_d Nybegynder
15. februar 2007 - 03:03 #4
...og transparant i det område den ikke skal strækkes...

Mente at den dermed ikke strækkes fordi den fylde hele div'ens bredde og er transparant i det område der ikke skal "bruges" - png'en er en skygge
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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