10. marts 2011 - 15:14Der er
6 kommentarer og 1 løsning
Png billede med opacity i IE7 + 8
Hej
Jeg har en menu der består at png billeder(streg-tegninger). Jeg vil gerne have at menuen bliver vist i 50% og når så musen bliver ført over et billede bliver det vist i 90%. kan det lade sig gøre med css til IE7+8
Jeg har prøvet følgende: li img{display:block;margin-bottom:8px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
Jeg er ikke super god til jQuery, men jeg tvivler på at det vil virke, idet det jo stadig gøres med opacity: 0.5
Skal måske lige sige at det virker fint i firefox men i IE går det galt. I IE bliver billederne "Fortykket". Jeg tror det er fordi at på et png billede består kanten jo af pixels der har forskellig opacity for at få de glidende overgang. Når jeg så siger at opacity skal være 0.5 så tror IE at det gælder for alle pixels på billede. Det er bare et bud på hvad der måske går galt - jeg har bare ingen løsning på problemet
plejer at virke fint for mig, men skal dog siges at jeg er gået over til at bruge et ekstra png billede til at tone ting med så jeg undgår de attributer der.
krk >> Sådan virker IE's håndtering af transparens - og det kan du ikke stille noget op med. PNG24 sammen med et Alpha filter vil altid være noget møg i IE.
Det hjælper ikke noget at bruge jQuery - tværtimod! Du får bare kørt en bunke komplet ligegyldig kode, som sløver brugerens PC unødigt. Tilmed sparer gode JavaScriptere kun et marginalt antal kodelinjer ved at buge jQuery - men mister til gengæld totalt kontrol over koden ;o)
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.
