Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of Opacity That Works in All Browsers</title> <style> p { opacity: 0.5; /* Opacity for Modern Browsers */ filter: alpha(opacity=50); /* Opacity for IE8 and lower */ zoom: 1; /* Fix for IE7 */ } </style> </head> <body> <p><strong>Note:</strong> Alpha filters is Microsoft-only property to control transparency in IE8 and earlier version, however this create invalid code in your CSS.</p> </body> </html>