Transparant table, virker men kun hvis man "tillader indhold"
Hejsa,Jeg arbejder på et design, hvor jeg vil have et billede vist igennem mine tables, og jeg har fået det til at virke, MEN...
når man besøger siden, skal man tillade indholdet i sikkerhedsbjælken i toppen ( IE) før transparanten virker!!!
Kan man lave samme effekt, så man ikke skal godkende det før man kan se det ? evt med javascript ?
her er min kode:
HTML:
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test side</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="bgfigur">
<img border="0" src="GUI/bgfigur.gif" >
</div>
<div id="container">
<div id="banner">
<table border="2" width="100%" id="table1" bgcolor="#C0C0C0" bordercolor="#000000">
<tr>
<td>
<p align="center">Banner på 900 pixel</td>
</tr>
</table>
</div><br>
<div id="menu">
<table border="2" width="100%" id="shadebg" bgcolor="#C0C0C0" bordercolor="#000000">
<tr>
<td>
<span style="position: relative;">
<b>Hello There</b><p align="center">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table><br>
<table border="2" width="100%" id="table1" bgcolor="#C0C0C0" bordercolor="#000000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="indhold">
<table border="2" width="100%" id="table1" bgcolor="#C0C0C0" bordercolor="#000000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<div id="sidemenu">
<table border="2" width="100%" id="table1" bgcolor="#C0C0C0" bordercolor="#000000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table><br>
</div>
</div>
</body>
</html>
CSS:
body {
background-color: #bbbbbb;
background-image: url("GUI/bw-bg.jpg");
background-repeat: repeat-x;
margin-top: 0px;
margin-bottom: 0px;
}
#bgfigur{
position: absolute;
left: 10px;
top: 20px;
width="305" ;
height="580":
}
#container{
position: absolute;
left: 50%;
margin-left: -450px;
width: 900px;
margin-top: 5px;
}
#banner {
width: 900px;
}
#menu {
float: left;
width: 150px;
}
#indhold {
float: left;
width: 600px;
margin-right: 5px;
margin-left: 5px;
}
#sidemenu {
float: right;
width: 140px;
margin-right: 0px;
}
#shadebg{
filter: alpha (opacity=50);
}
--------------------------------------------------------
Som sagt virker det i den ene table jeg tester med, men vil gerne undgå at brugerne skal godkende indholdet før de kan se effekten.
