Forum Moderators: not2easy
<html>
<head>
<title>0pacity</title>
<style>
#photofirst {filter:alpha(opacity=50%); -moz-opacity:0.5;}
</style>
</head>
<body>
<div id="photofirst">
<img src="003.jpg">
</div>
</body>
</html>
[edited by: Robin_reala at 10:51 pm (utc) on June 17, 2007]
[edited by: Xapti at 11:05 pm (utc) on June 17, 2007]
<html>
<head>
<title>0pacity</title>
<style>
#photofirst {filter:alpha(opacity=50)}
</style>
</head>
<body>
<div id="photofirst" style="filter:alpha(opacity=50)">
<img src="003.jpg">
</div>
</body>
</html>
I think I'm going to drop the fades. Crossbrowser compatability seems to be too much of an issue.
I didn't think it was much of an issue to get opacity working in the major browsers? Apart from the fact that filter: won't validate.
#photofirst {
filter:alpha(opacity=50); /* IE5, IE6 */
opacity:0.5; /* FF, Opera */
}
