7
Hi,
I tried an exaple for opacity like this,
*********************************[html]
<html>
<title></title>
<head>
<style>
.opac
{
height:100px;
width:100px;
border:1px solid red;
position:absolute;
left:100px;
top:100px;
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}
#header
{
border:1px solid blue;
height:20px;
width:40px;
position:relative;
top:-10px;
left:5px;
background-color:#999999;
}
</style>
</head>
<body>
<div class="opac">
<div id="header" style="">Header</div>
</div>
</body>
</html>[/html]
************************
I am want to display the sub division like an header to the main div, but after applying the opacity for main div, the part which is out side the main div in sub div is disappearing. I am getting this problem in IE only. It is working fine in FireFox.
Could any one knows any solution regarding this, most welcome.
It will help me alot.
Thank you in advance.
Regards,
Jagadeesh.
