So Im building a page that is using tables with transparincies. I can do this fine but am now running iinto the trouple of putting a table within a table and have the bgcolor come out solid. I have tried this
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
but the background still comes out transparent.
any suggestions?????Hi,
I have tried to figure out a way for your problem. I am using a div and them placing the second table inside it. You can then give the z-index of div to be of high negative value. Also you can position div so as to make your child table positioned at right place. The code of a sample page i tried is below:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.trans {
filter: Alpha(Opacity=0);
}
.opaque {
filter: Alpha(Opacity=100);
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body background="file:///D|/MindFire Gaming/backup/Include/Images/MindFire_Game_Studios_Logo_.jpg">
<table width="65%" height="431" border="0" cellpadding="0" cellspacing="0" bgcolor="#00CCFF" class="trans">
<tr>
<td colspan="3" bgcolor="#00CCFF"><div id="Layer1" style="position:absolute; width:350px; height:90px; z-index:-100; left: 130px; top: 70px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF" class="opaque">
<tr>
<td>SDFSD</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div> </td>
</tr>
</table>
</body>
</html>
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
but the background still comes out transparent.
any suggestions?????Hi,
I have tried to figure out a way for your problem. I am using a div and them placing the second table inside it. You can then give the z-index of div to be of high negative value. Also you can position div so as to make your child table positioned at right place. The code of a sample page i tried is below:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.trans {
filter: Alpha(Opacity=0);
}
.opaque {
filter: Alpha(Opacity=100);
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body background="file:///D|/MindFire Gaming/backup/Include/Images/MindFire_Game_Studios_Logo_.jpg">
<table width="65%" height="431" border="0" cellpadding="0" cellspacing="0" bgcolor="#00CCFF" class="trans">
<tr>
<td colspan="3" bgcolor="#00CCFF"><div id="Layer1" style="position:absolute; width:350px; height:90px; z-index:-100; left: 130px; top: 70px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#0000FF" class="opaque">
<tr>
<td>SDFSD</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div> </td>
</tr>
</table>
</body>
</html>