Masque d'image incompatible IE ?

Bonjour tt le monde. J'essaye de faire une page où tts mes images miniatures sont partiellement masquées par une image. Le code que j'utilise fonctionne.... sauf sous IE. Une solution svp ?

<img src="mon_image.jpg" style="-webkit-mask-image: url(mon_masque.png)">

Bonjour,

cela ne marche pas non plus sous Opera, et sous Firefox. webkit c'est pour Safari et Chrome...
il faut que tu trouves une alternative à cette propriété. donc pas en CSS.

Tableau de compatibilité:


lien: https://developer.mozilla.org/en/CSS/-webkit-mask-image
Modifié par jmlapam (22 Oct 2011 - 15:53)

Ah ok, merci

tu peux masquer une image avec du SVG , voici le code a mettre dans ta page :

<svg>  
  <defs>		
    <mask id="svgmask">
      <image xlink:href="mon_masque.png" width="320" height="200"/>
    </mask>  
  </defs>	
  <image xlink:href="mon_image.jpg" width="320" height="200" mask="url(#svgmask)"/>
</svg>  

ca marche sur tous les navigateurs recents (meme ie9)