webForumDet fria alternativet

halv transparent bild..

Webbutveckling

8 svar · 827 visningar · startad av fakenick!

Medlem sedan juli 2002202 inlägg
Frågan#1

liten fråga..

jag har en bild som jag har opacity 50% på..
o så ska jag lägga det över en annan bild.. så
att det blir en ljusare effekt på just den biten
av bilden jag vill lägga effekten på.. men jag
har inte lyckats att få detta att fungera..

vad gör jag för fel tror ni?

jag använder photoshop 6.0 iallafall.. och det
spelar ingen roll om jag lägger in den "transparenta"
filen som bakgrund i en table eller i en css-fil..

tack för svar..

Medlem sedan maj 200010 687 inlägg
#2

Det är endast med PNG (bland webbformaten) man kan göra så och Internet Explorer stöder inte det.

Medlem sedan juli 2002202 inlägg
#3

men visst stöder internet explorer png?
jag har iallafall sett sidor med png-grafik..

men jag vet inte.. jag e n00b..

Medlem sedan maj 20021 028 inlägg
#4

gah! jag hade skrivit en lång förklaring, så råkade jag stänga ner fönstret.. så här kommer den korta varianten ;)

lägg in detta i din bildtag:

style="filter:alpha(opacity=50);"

det kan alltså se ut så här:

<img src="fakenick_dansar.jpg" border="0" style="filter:alpha(opacity=50);">

EDIT: förresten så glömde jag påpeka att endast IE stödjer denna finess...

Medlem sedan nov. 200013 890 inlägg
#5

PNG-biler stödjs i Explorer.
Det är "transparens-stödet" som är kasst.
Läs mer här:
http://www.libpng.org/pub/png/pngapbr.html

Medlem sedan juni 20008 205 inlägg
Medlem sedan juli 2002202 inlägg
#7

tack för alla svar.. men
nu har jag ett problem till..

jag har lagt några transparenta
bilder på varandra med hjälp av
css ( filter:alpha(opacity=70) )..
och nu helt plötsligt så vill inga
bilder vara icke-transparenta..

allt transparent alltså.. så nu
undrar jag om det finns något
kommando för att göra en bild
icke-transparent..

tacksam för svar..

Medlem sedan okt. 200558 inlägg
#8

Problem med Alpha!

<body style="filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50;">

Den kodsnutten har jag i en sida som öppnas i en Iframe. Mitt problem är att ALLT på sidan blir halvt transparent. Jag vill att bakgrunden skall vara transparent, men inte text och bilder i dokumentet. Finns det någon lösning på detta?

Har provat att sätta:

<img src="bild.jpg" style="filter: alpha(opacity=100); -moz-opacity:.9; opacity:.9;">

på bilden, men det vill sig inte. Några förslag?

Medlem sedan juli 200653 inlägg
#9

<img src="bild.jpg" style="filter: alpha(opacity=100); -moz-opacity:.9; opacity:.9;">

Du blandar ju hejvilt mellan 100% och 90% opacity. Det är iaf ett av problemen :)

258 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)