css transparent box

<DIV align=”center”>
<div style=”width:300px;height:200px;background:url(http://www.mandarindesign.com/images/imagine.jpg)”>
</div>

<p style=”width:200px;text-align:justify;border:1px solid maroon;padding:5px;font-weight:bold;position:relative;top:-190px;left:10px;color:black;background:white;filter:alpha(opacity=50);opacity:.50;”>
This is a paragraph with 50% opacity applied.
</p>
</DIV>

Tags: ,

This entry was posted on Sunday, July 27th, 2008 at 8:16 am and is filed under snipplets. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.