Problem Definition : Apply transparent effect to an Image when mouse hovers above it.
Theoretical Approach : Under normal situation the transparency is absolute i.e. 1.0 (For Others) and 100 (For IE). When the mouse hovers above the image it should set the transparency to 0.4 (for Others) and 40 (For IE).
CODE Snippet :
- Internet Explorer takes the 'filter' property as mentioned in the CSS class to render the transparency. Rest all browsers accept the 'opacity' property.
- Maintain the order of the property as mentioned in the CSS class. Interchanging it will result in the effect ceasing to work in IE.
- Avoid using double quotes ["] for the properties in CSS as it malfunctions in IE.