Pagina 1 van 1
html vraagje
Geplaatst: 13 jun 2005, 14:17
door 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
Geplaatst: 13 jun 2005, 14:44
door 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';" />
Geplaatst: 13 jun 2005, 15:12
door Alpha
het werkt
thnx
werkt overigens niet met opera, alleen met Internet Explorer, is daar nog iets aan te doen of niet?
Geplaatst: 13 jun 2005, 15:16
door Paul
Nee, dit is alleen voor IE.
Geplaatst: 13 jun 2005, 15:22
door ElbertF
En Mozilla
Geplaatst: 13 jun 2005, 15:29
door 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?
Geplaatst: 13 jun 2005, 15:59
door 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
Geplaatst: 13 jun 2005, 16:10
door ElbertF
Mijn voorbeeld had niets met phpBB te maken, maar als je geen stylesheet gebruikt kun je het op de boventaande manier doen
Geplaatst: 16 jun 2005, 23:43
door Alpha
ok toppie, bedankt
Geplaatst: 17 jun 2005, 06:52
door 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