In this post, we will learn how to use CSS Opacity in IE7 and IE8 browsers. The opacity is the property of CSS3. CSS3 is supported in IE9 or above browsers. So how we can use CSS Opacity in IE7 and IE8 browsers, we will learn in this post. 


How To Use CSS Opacity In IE7 and IE8 Browsers ?


Use CSS Opacity In IE7 and IE8 Browsers

To use CSS Opacity in IE7 and IE8 Browsers, we use filter property. This property only works in Internet Explorer 8 and earlier versions. We can see the use of this property in the example below.

<!DOCTYPE html>
<html>
<head>
<title>How To Use CSS Opacity In IE7 and IE8 Browsers ?</title>
<style>
h1 {
/*This will work in IE8 or earlier browsers*/
filter: alpha(opacity=50);

/*This will work in almost all browsers*/
opacity: 0.5;
}
</style>
</head>
<body>
<h1>CodexRadar - Check CSS Opacity</h1>
</body>
</html> code-box



Summary

In this post we learned how to use CSS Opacity in IE7 and IE8 browsers. You try to make it yourself. I hope you make. If you face any problem, then comment and tell us. Keep visiting the blog to read more similar posts.

Post a Comment

Previous Post Next Post