css Color

Opacity on whole div

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus vel, cursus vitae turpis.Curabitur aliquam commodo dolor vulputate porttitor.Vivamus ut sodales lacus, in semper libero. Phasellus malesuada tincidunt elit vitae feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus

Opacity only background

<html> <head> <title>css Color</title> <style> .myopacity_a_032{ width: 800px; height: 200px; padding:30px; margin-bottom: 15px; border:3px solid black; background: Tan; opacity:0.5; /* 50% transparent */ filter:alpha(opacity=50); /* for IE old versions */ } .myopacity_b_032{ width: 800px; height: 200px; padding:30px; margin-bottom: 15px; border:3px solid black; background: rgba(180,0,0,0.4); /* only background transparent */ } .myopecity_032{ float:left; margin-right:15px; } </style> </head> <body> <div class="myopacity_a_032"> <img class= "myopecity_032" src="juice.jpg" width="200px" alt=""> <h2>Opacity on whole div</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus vel, cursus vitae turpis.Curabitur aliquam commodo dolor vulputate porttitor.Vivamus ut sodales lacus, in semper libero. Phasellus malesuada tincidunt elit vitae feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus </p> </div> <div class="myopacity_b_032"> <img class= "myopecity_032" src="juice.jpg" width="200px" alt=""> <h2>Opacity only background</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus vel, cursus vitae turpis.Curabitur aliquam commodo dolor vulputate porttitor.Vivamus ut sodales lacus, in semper libero. Phasellus malesuada tincidunt elit vitae feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nunc elit dolor, ornare in tempus vel, cursus vitae turpis.Curabitur aliquam commodo dolor vulputate porttitor.</p> </div> </body> </html>