webForumDet fria alternativet

Alpha

12 svar · 596 visningar · startad av Mika3l

Mika3lMedlem sedan nov. 20013 776 inlägg
#1

Är det någon som vet i vilka webbläsare Alpha(style="filter:alpha(opacity=50)) fungerar?

Har nämligen en bild i ett lager ovanför lite text och bilden måste jag ha opacity på för att texten ska synas(naturligtivis), fungerar bra i IE6 men sen när jag testar i Mozilla 0.8(iof en ganska gammal version) så blir det ingen opacity.

Någon som kan ge en ganska komplett lista? :)

mikkeXMedlem sedan aug. 2002490 inlägg
#2

filter är ett påhitt av microsoft, så det kommer endast att fungera i ie, mozilla har det egna moz-opacity:
http://www.javascriptkit.com/dhtmltutors/opacityns6.shtml
http://www.blooberry.com/indexdot/css/propindex/extensions.htm

Mika3lMedlem sedan nov. 20013 776 inlägg
#3

Man tackar mikkeX. :bire

diskorenMedlem sedan apr. 2002114 inlägg
#4

Mozilla har stöd för alfatransparenta png-bilder, vilket egentligen borde vara standard (är det det?). Vad jag vet finns det inget sätt att få halvtransparens att fungera i IE och Mozilla samtidigt.

ChainsawMedlem sedan sep. 20001 282 inlägg
#5

PNG-bilder har alpha-kanal som standard, ja. Dock är det inte alla läsare som stödjer det, till mångas förtret.

Web-TorMedlem sedan nov. 200011 794 inlägg
#6

Här kan du läsa om vad som stöds i vilka webläsare:
http://www.libpng.org/pub/png/pngapbr.html

Trevlig läsning. :p

Mika3lMedlem sedan nov. 20013 776 inlägg
#7

Aha, nu tror alla att jag har en png-bild med en alpha-effekt, men så är inte fallet, bilden är i gif-format. :p
Så, bara att svara... :OO :p

Web-TorMedlem sedan nov. 200011 794 inlägg
#8

Som mikkeX redan har skrivit så funkar det bara i Explorer (ver. 4+).

higaMedlem sedan aug. 2000356 inlägg
#9

Mika3l:
För kompatibilitet med både IE och Gecko, skriv så här:
<img src="whatever.gif" style="-moz-opacity: 0.5; filter:alpha(opacity=50)">
Det är viktigt att du skriver IE-prylen sist, eftersom dess skumma syntax förvirrar flertalet browsers med resultat att stilangivelser efter det ignoreras.

mikkeXMedlem sedan aug. 2002490 inlägg
#10

När vi ändå talar om transparenta png:er, det går att få dem att fungera i ie från version 5.5 (tror jag det var), genom just användning av microsofts filter:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

ChainsawMedlem sedan sep. 20001 282 inlägg
#11

Det tyder ju på att Microsoft redan har funktionalitet för att åstadkomma detta. Varför i helvete har dom då inte fixat så att detta fungerar utan mängder av fula knep från vår sida?

higaMedlem sedan aug. 2000356 inlägg
#12

Testade mikkeX' länk, men det ser ju bara ut att funka på bilder och inte på bakgrundsbilder med alphakanal, vilket jag använder på min webbsida om man väljer det Mozilla-anpassade temat "Lazer"
Så IE är fortfarande en omodern browser B-)

Mika3lMedlem sedan nov. 20013 776 inlägg
#13

Nu har jag fått lite ordning på det här med lagrena på min sida.
Jag har ett lager med en massa text och sådant som ligger under bilden som har opacity satt till 30, allt ser bra ut men jag kan inte trycka på länkar och sedan blir det en annan färg på texten(vilket jag inte vill ha) p.g.a bilden, därför behöver jag ha bilden under texten och sedan köra opacity på tablen som texten ligger i.
Jag vet inte om det fungerar med att ha opacity på ett table men i IE6 fungerade det iallafall(har inte hunnit testa i Mozilla) men då påverkar även det texten vilket jag inte vill :l , går det att göra så att det inte påverkar texten samt andra bilder?
Har även testat att försöka köra med 3 lager men det blev väldigt rörigt så det är inget alternativ...

Genererad på 383 ms · cache AV · v20260730165559-full.f96bc7eb