Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JS] transparency / opacity

MichielPH
7 antwoorden
  • Ik gebruik een script om in te stellen hoe transparrant een div is, d.m.v deze 2 zinnen: [code:1:936d95c1ae] document.getElementById("foto").style.MozOpacity = i / 100;
    document.getElementById("foto").style.opacity = i;[/code:1:936d95c1ae] Het leuke is dat het niet in IE werkt. Met googlen kwam ik hier op uit, maar hoe gebruik je dat in JS? [code:1:936d95c1ae]filter: alpha(opacity = 50);[/code:1:936d95c1ae]Ik heb, dacht ik, elke combinatie al geprobeerd, maar het lukt me niet..
  • http://msdn.microsoft.com/workshop/author/filter
    eference/filters/alpha.asp
  • Ok, hier woerdt ik een potje chagrijnig van..

    Dit staat op die site:[code:1:f621a10a2e]object.style.filter =
    "progid:DXImageTransform.Microsoft.Alpha(sProperties)"[/code:1:f621a10a2e]
    Ten eerste: die aanhalingtekens > " < horen daar toch helemaal niet, of wel?
    Wat moet je nou allemaal aanpassen, naast 'object'?
  • [quote:67cdd3eb50="MichielPH"]Ok, hier woerdt ik een potje chagrijnig van..

    Dit staat op die site:[code:1:67cdd3eb50]object.style.filter =
    "progid:DXImageTransform.Microsoft.Alpha(sProperties)"[/code:1:67cdd3eb50]
    Ten eerste: die aanhalingtekens > " < horen daar toch helemaal niet, of wel?
    Wat moet je nou allemaal aanpassen, naast 'object'?[/quote:67cdd3eb50]
    " hoort wel

    http://htb.ath.cx/anw/site

    Kijk maar hoe ik daar transparantie heb ingepast.

    EN NIET MET JS
  • En is dit er dan ook voor de netscape familie:[code:1:599768e8b9]style="filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=20, Starty=20, FinishX=24, Finishy=24);"[/code:1:599768e8b9]Dit zorgt voor lineaire transparantie; hier zorgt het ervoor dat een hoekje van een vierkant niet zichtbaar is.
  • Dus is er geavanceerde transparantie (lineair, radiaal) beschikbaar in Netscape?
  • Netscape 6+, Mozilla, Firefox en hieraan gerelateerde browsers hebben standaard ondersteuning voor alpha tranparency en hebben hiervoor alleen de info uit het grafische bestand zelf nodig, dus geen CSS of JavaScript.

    Netscape Navigator 4.x en eerder hebben geen ondersteuning, en die is ook (voor zover ik weet) niet te krijgen.

    [b:509e7e1dac]Edit:[/b:509e7e1dac] Na nog eens de vraag gelezen te hebben is het antwoord: nee, die filters zijn IE-only.

    - Bas

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.