Forum Moderators: open
<div class="transparency">
<a href="index.html"><img alt="" src="header.png" width="800" height="120" border="0" /></a>
</div>
.transparency {
font: 13px Lucida, Verdana, sans-serif;
text-align: center;
color: #ffffff;
width: 800px;
padding: 10px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
opacity: 0.80;
filter:alpha(opacity=80);
}
Firefox, IE8, Safari, Chrome: Good Result
Opera: Bad Result
Seems that the image does not inherit the transparency from div in Opera (version 10) żAny ideas?
[edited by: tedster at 9:25 pm (utc) on Sep. 3, 2009]
[edit reason] no screenshots, please [/edit]
Opera does apply opacity to the image but appears to set different values.
If you use a border:10px solid #000 instead of padding:10px and background-color:#000,
you will see that the image opacity is identical to Firefox et al. ;)
.transparency {
font: 13px Lucida, Verdana, sans-serif;
text-align: center;
color: #ffffff;
width: 800px;[red]
/*padding: 10px;*/[/red]
margin-left: auto;
margin-right: auto;[red]
/*background-color: #000000;*/[/red][blue]
border:10px solid #000;[/blue]
opacity: 0.8;
filter:alpha(opacity=80);
}
birdbrain
