CSS Transparency for Images

Creating transparency with CSS is easy. Here is an example with images.

  • For IE we can set: this.filters.alpha.opacity=50
  • For Mozilla we set: this.style.MozOpacity=0.5

Give me feedback on this page/code

Example:

solar-radar (7K)

Code:

<img
src="assets/misc/solar-radar.jpg"
width="105" height="140"
alt="solar-radar (7K)"
style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"
>