Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS3 opacity property</title> <style> img { opacity: 0.25; } p { opacity: 0.5; filter: Alpha(opacity=50); } </style> </head> <body> <div><img src="/examples/images/sky.jpg" alt="Sky"></div> <p><strong>Note:</strong> Internet Explorer 8 and earlier versions does not support <code>opacity</code>, rather it supports an alternative, the Microsoft-only filter property. Like: <code>filter:Alpha(opacity=50)</code>.</p> </body> </html>
