[thelist] CSS transparency question
Jay Turley
jayturley at gmail.com
Wed Sep 9 18:04:09 CDT 2009
Hi all-
I have a design I am having trouble implementing (and sorry, no URL, so this
will have to be a conceptual question). There is a toolbar which floats over
an image, and the toolbar is slightly transparent, enough to reveal what is
underneath it. The designer wants a portion of the toolbar to be opaque.
The html is essentially:
<div class="content">
<p>Image stuff resides in this area.</p>
<div id="toolbar" class="seethrough">
<div class="opaque">
<p>This content should be opaque.</p>
</div> <div>
<p>This content inherits transparency.</p>
</div>
</div>
</div>
The pertinent CSS looks like:
.seethrough {
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
I naively tried this:
.opaque {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}
but it didn't work.
Any ideas on how this can be done?
Thanks!
-Jay
More information about the thelist
mailing list