Avatar billede madjor5 Nybegynder
29. december 2003 - 13:12 Der er 7 kommentarer

css filters i mozilla

Jeg sidder og skal lave forskellige css filters, som opacity og greyscale mv. til at styre nogle billeder.

I IE er der en række filtre til at styre disse ting, men disse filtre hedder noget andet i mozilla.

Det jeg skal bruge er, en komplet liste over de filtre der virker i mozilla, eller sågar en komplet liste over css properties i mozilla.
Avatar billede gil-galad Nybegynder
29. december 2003 - 13:19 #1
Avatar billede roenving Novice
29. december 2003 - 13:23 #2
-moz-opacity:0-1 kan jeg hjælpe dig med, f.eks.:

filter:alpha(opacity=60);-moz-opacity:0.6;

-- andre har jeg ikke pillet i !-)
Avatar billede nak-m Nybegynder
29. december 2003 - 14:10 #3
Avatar billede roenving Novice
29. december 2003 - 14:26 #4
http://devedge.netscape.com/library/xref/2002/client-data/property-data-style.html

-- giver vist alle tilgængelige Gecko-properties !-)

Bemærk, at der, når der oversættes mellem css og javascript bruges interCap, at mellemrum og bindestreger erstattes af næste bogstav stort, så en css-property, som hedder -moz-background-inline-policy bliver til MozBackgroundInlinePolicy i javascript, og at en javascript, property, som hedder MozBorderRightColors bliver til -moz-border-right-colors i css !-)
Avatar billede nak-m Nybegynder
29. december 2003 - 14:42 #5
"filter:alpha(opacity=60);-moz-opacity:0.6;" virker dog umiddelbart ikke i opera - så det kan være, du er nød til at lave en workaround m. nogle transparente png'er, hvis du også vil have det til at virke der.

her er noget:
http://www.virtuelvis.com/gallery/opacity/opacitydemo.html
http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
Avatar billede madjor5 Nybegynder
29. december 2003 - 16:43 #6
Beklager drenge / piger... Opacity som i kan se i eksemplet da jeg skrev, var det som udgangspunkt alle de andre activeX filters der eksisterer i IE, jeg gerne vil benytte i mozilla... Desværre kan jeg ikke rigtigt bruge PNG til noget, da det er noget JavaScript jeg skal arbejde med og det passer ikke ind i mine planer at benytte png, da vi sidder og udforsker mulighederne i CSS2..

Jeg er faktisk ikke sikker på at det kan lade sig gøre at lave greyscale på billeder via CSS i mozilla, men det er jo forsøget værd at høre om flere hjerner kan løse problemet.

Anyway, så kommer mozilla til at understøtte css3 når det træder i kraft, og der vil der blive implementeret nogle flere activeX functionaliteter...

Vil stadig gerne høre hvis der er nogle der har nogle løsninger.
Avatar billede roenving Novice
30. december 2003 - 03:04 #7
Øeh, wa ?-)

-- jeg forstod ikke lige dit første afsnit, men efter at have kigget i linket (29/12-2003 14:26:16 !-) kunne jeg heller ikke finde greyscales umiddelbart, men jeg har ikke grundigt kigget efter det, men har på fornemmelsen, at det ikke er der ...

-- til gengæld er opacity godt understøttet, se f.eks. http://roenving.users.whitehat.dk/WD5Opacity.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
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