Untitled

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("img_tree.gif"), url("img_flwr.gif");
background-color: #dddddd;
opacity: 0.5;
filter: alpha(opacity=50);
}
</style>
</head>
<body>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
img {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
</style>
</head>
<body>

<h1>Image Transparency</h1>
<p>The opacity property specifies the transparency of an element. The lower  the value, the more transparent:</p>

<p>Image with 50% opacity:</p>
<img src="img_forest.jpg" alt="Forest" width="170" height="100">

</body>
</html>