Forum Moderators: not2easy
<body>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
This is the text on the body level.<br/>
<div id="divPage" style="filter: alpha(opacity=20); z-index: 100; left: 0px; visibility: visible;
width: 100%; position: absolute; top: 0px; height: 400px; background-color: #ccffff;">
pagesize div
<div id="nestedDiv" style="border-right: #0099cc thin dotted; border-top: #0099cc thin dotted; z-index: 200; left: 136px; border-left: #0099cc thin dotted; width: 250px; border-bottom: #0099cc thin dotted; position: absolute; top: 88px; height: 250px;">
nested div1
</div>
<div id="Div1" style="border-right: #0099cc thin dotted; border-top: #0099cc thin dotted; filter: alpha(opacity=10000); z-index: 300; left: 136px; border-left: #0099cc thin dotted; width: 250px; border-bottom: #0099cc thin dotted; position: relative; top: 88px; height: 250px;">
nested div2
</div>
</div>
</body>
What I'm tring to do is get the opacity of the "nestedDiv" object to be 100%, so that the box is completely opaque. I'm thinking that this isn't possible. I'm shooting for a page with a big partially opaque box over it and a div inside of it that is fully opaque (like a message box). Don't want to resort to Flash for this, because I don't need it that bad. But it seems like it should be possible. And yet...
I tried the technique in this post but it didn't help: [webmasterworld.com ]
Also, the style codes don't seem to work if there's line breaks between the text and first text inside the style tag. FYI.
#nestedDiv{position:relative}
it'll do the same for text/img if you want to have alpha:opacity in a div but not the text/img.
