login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE wringt weer tegen: Opacity

Offline Prutserke - 06/10/2010 07:52
Avatar van PrutserkeNieuw lid Hey allemaal,


om via CSS met een mooi onmouseover effect te werken, gebruik ik volgend script:

HTML code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="voorbeeld_0.php" class="afb_inactief" onmouseover="this.className='afb_actief'" onmouseout="this.className='afb_inactief'"><img src="images/vb_0.jpg" width="75" height="75" border="0" /></a>


Bijhorende CSS:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .afb_inactief {
  2. 	opacity:0.4;
  3. 	filter:alpha(opacity=40);
  4. }
  5.  
  6. .afb_actief {
  7. 	opacity:1;
  8. }


Echter blijkt dit (zoals gewoonlijk) zeer goed te werken in Firefox en Safari etc. Maar onze goede vriend Internet Explorer werkt niet met dit effect.

Hoe komt dit? Iemand enig idee?

Alvast bedankt!

3 antwoorden

Gesponsorde links
Offline Pieter - 06/10/2010 08:11
Avatar van Pieter Gouden medaille

SEO guru
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .afb_inactief{
  2. 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  3. 	filter: alpha(opacity=40);
  4. 	opacity:0.4;
  5. }
  6.  
  7. .afb_actief{
  8. 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  9. 	filter: alpha(opacity=100);
  10. 	opacity:1;
  11. }
Alsjeblief  
Offline smtp - 06/10/2010 20:11
Avatar van smtp Nieuw lid opacity?
CSS3?
Offline Prutserke - 06/10/2010 22:00
Avatar van Prutserke Nieuw lid Jammer... werkt niet echt...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.173s