|
Posted by howachen on 02/26/06 15:19
hi,
i have a table, and inside that table, there is an image.
i want to apply transparent effect on the table's background, but not
the image, what can i do with css?
sample html:
-----------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#mytable {
background-color: #FF0000;
opacity: .3;
filter: alpha(opacity=30);
-moz-opacity: .3;
}
-->
</style>
</head>
<body>
<table id="mytable" width="425" height="252" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><img
src="http://www.google.com/logos/olympics06_hockey.gif"/></td>
</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------------
Thanks for any comment...
howa
Navigation:
[Reply to this message]
|