Q:

How to apply CSS opacity in IE7 and IE8 browsers

mhmadesk
Save to bookmark
|
2022-05-17
|
  325 
Very Easy
0

How to apply CSS opacity in IE7 and IE8 browsers

Css programming,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-17
need an explanation for this answer? contact us directly to get an explanation for this answer

Use Microsoft "alpha filter" property

The CSS3 opacity property is only supported in Internet Explorer 9 and above browsers.

However, Internet Explorer 8 and earlier versions supports a Microsoft-only property "alpha filter" to control the transparency of an element. Here's an example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Opacity for IE8 and Lower</title>
<style>
    p {
        filter: alpha(opacity=50);
        zoom: 1;  /* Fix for IE7 */
        opacity: 0.5;  /* Standard Syntax */
    }
</style>
</head>
<body>
    <p><strong>Note:</strong> Alpha filters is Microsoft-only property to control 
    transparency in IE8 and earlier version, however it creates invalid code in your CSS.</p>
</body>
</html>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

HTML / CSS Frequently Asked Questions
This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now
How to create 3D flipping effect on mouse hover us... >>
<< How to apply border to an element on mouse hover w...