html vraagje

[Alpha]

Heey,
Ik een mouseover bij een afbeelding hebben. Dat de afbeelding eerst 50% geblend (50% doorzichtig) is en als je er met je muis overheen gaat dat die gewoon 100% (niet doorzichtig) is.

Weet iemand daar de code teovallig voor? Ik kan 'm maar nergens vinden...


Thnx,
Ruben

[ElbertF]

Even uit m'n hoofd, volgens mij werkt het zo:

In je stylesheet:

img.trans0 {
}

img.trans50 {
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;"
}

In je HTML:

<img class="trans50" src="http://" alt="" onmouseover="this.className='trans0';" onmouseout="this.className='trans50';" />

[Alpha]

het werkt thnx

werkt overigens niet met opera, alleen met Internet Explorer, is daar nog iets aan te doen of niet?

[Paul]

Nee, dit is alleen voor IE.

[ElbertF]

En Mozilla

[Alpha]

okidoki bedankt...

nu nog een vraagje, ik wil hetzelfde doen op de index van m'n site... (index.html)

is totaal geen phpbb, hoe meot dat dan?

[superaktieboy]

tussen de head-tags

Code: Selecteer alles

<style type="text/css">
<!--
img.trans0 { 
} 

img.trans50 { 
filter:alpha(opacity=50); 
-moz-opacity:.50; 
opacity:.50;" 
}
-->
</style>

tussen de body-tags

Code: Selecteer alles

<img class="trans50" src="http://" alt="" onmouseover="this.className='trans0';" onmouseout="this.className='trans50';" />

ik heb even de voorbeeld van Spambot genomen

[ElbertF]

Mijn voorbeeld had niets met phpBB te maken, maar als je geen stylesheet gebruikt kun je het op de boventaande manier doen

[Alpha]

ok toppie, bedankt

[Bee]

Opera zou in principe zeer binnenkort dit ondersteunen: http://www.w3.org/TR/2003/CR-css3-color ... ansparency

Opera loopt qua standaarden altijd erg voor, sommige onderdelen van CSS3 zijn al geintegreerd in Opera