Jan 14, 2011

Html -Creating a transparent box with text on a background image

<div style="width: 300px;height: 350px;background: url(http://2bunnies.org/DumStuff/DoraemonSheep.png) repeat;border: 1px solid #2288bb;"> 
<div style="width: 200px;height: 140px;margin: 70px 50px;background-color: #ffffff;border: 1px solid #2288bb;filter:alpha(opacity=60);opacity:0.6;"><p style="font-family:arial;color:#2288bb;font-size:18px;padding-top:15px;padding-left:40px;padding-right:30px;">Bedtime soon? Love you oxoxoxxo Girlfriend</p></div>
</div>