Hi,
is it possible to have a table cell in a layer a certain colour, and then apply a style to it to make it transparent, so that any underlying text can be seen in a translucent way,
or if not is it possible to produce a semi transparent image in fireworks that has the same affect?
thanks a lot,'opacity' is buggy. The example works in IE and FF, partially in Mozilla and not in Opera.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic opacity</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
.opaque {
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
}
.styling {
width:50%; /* must have width */
background:#C2DADA;
color:#000;
}
.normal {
position:relative;
-moz-opacity:1;
}
-->
</style>
</head>
<body>
<div style="width:200px; height:200px; background:yellow;">text in underlying div</div>
<table style="position:absolute; top:10px; left:50px;" border="1" cellpadding="0" cellspacing="0" summary="">
<tr><td class="opaque styling"><span class="normal"><br />opacity background, normal text<br />in table cell</span></td></tr>
</table>
</body>
</html>
is it possible to have a table cell in a layer a certain colour, and then apply a style to it to make it transparent, so that any underlying text can be seen in a translucent way,
or if not is it possible to produce a semi transparent image in fireworks that has the same affect?
thanks a lot,'opacity' is buggy. The example works in IE and FF, partially in Mozilla and not in Opera.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic opacity</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
.opaque {
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
}
.styling {
width:50%; /* must have width */
background:#C2DADA;
color:#000;
}
.normal {
position:relative;
-moz-opacity:1;
}
-->
</style>
</head>
<body>
<div style="width:200px; height:200px; background:yellow;">text in underlying div</div>
<table style="position:absolute; top:10px; left:50px;" border="1" cellpadding="0" cellspacing="0" summary="">
<tr><td class="opaque styling"><span class="normal"><br />opacity background, normal text<br />in table cell</span></td></tr>
</table>
</body>
</html>