Half transparante plaatjes

[Verwijderd]

Dit zal wel een zeer domme vraag zijn, maar ik vraag het voor de zekerheid toch


De vraag is dus:
Is het mogelijk half transparante plaatjes te maken. En dan bedoel ik niet dat de ene helft van het plaatje transparant is, en de andere niet.
Nee ik bedoel zoals met photosoep. Dat je een plaatje met bijv. 50% met rood ken vullen.

Zodat je een rood plaatje heb, maar je er nog wel "doorheen kan kijken".

Want ik heb het wel eens op wat sites gezien, k vond het wel grappig.

Het is dus niet de bedoeling dat ik een deel van de site kopieer of iets. Want het transparante moet gesleept kunnen worden.

[Verwijderd]

Dat kan met een filter, in MSIE heb je daar de filter alpha voor. Je hebt zoiets ook in Mozilla, maar ben ff de naam hiervan vergeten .

Meer info over de alpha filter, klik hier.
Meer info over filters, klik hier.

[Verwijderd]

merci bien

[Rickets]

Verwijderd schreef op 19 augustus 2002 @ 12:21:
Je hebt zoiets ook in Mozilla, maar ben ff de naam hiervan vergeten .

-moz-opacity heet dat

[Mercarra]

code:

[img]"plaatje.jpg"[/img]

Zo toch in IE voor 25% doorschijning?

[Verwijderd]

Ja klopt, maar als je het volgens hun officiële spul wil doen :

code:

[img]"plaatje.jpg"[/img]

[Verwijderd]

Dat kan toch ook heel simpel met photoshop...dan hebben NS users er ook nog wat aan

[Verwijderd]

Met een PNG bestand ja, maar die wordt nou niet perfect door MSIE ondersteund...

[Limhes]

Verwijderd schreef op 19 augustus 2002 @ 13:17:
Dat kan toch ook heel simpel met photoshop...dan hebben NS users er ook nog wat aan

Daarom hebben we toch -moz-opacity:

code:

imgRef = document.getElementById("idvanplaatje");

if (navigator.userAgent.indexOf("MSIE") > -1)
{
  imgRef.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}
else
{
  imgRef.style.MozOpacity = "50";
}

[_.Luke._]

maak een pattern van een transparante pixel, en een pixel van een bepaalde kleur vul je plaatje met die pattern en klaar is kees...
Een nog mooier effect krijg je als je een plaatje gevuld hebt met dat pattern van 100 bij 100 pixels en die in je HTML als 75 bij 75 ofzo laat weergeven.... is wel beetje overhead maar ziet er wel koeler uit! ben je ook meteen van de browsercompatibility-kriem af....

[ Voor 0% gewijzigd door _.Luke._ op 19-08-2002 13:35 . Reden: typo ]

[Verwijderd]

Luke oplossing (100x100):


Luke oplossing (75x75):


Alpha oplossing:


Niet moeilijk te raden wat de mooiste oplossing is