Morning all, I am currently designing a dynamic site where I would like my <h2> heading to sit on top of a posted 'feature' image using xhtml like this:
<div class="feature-image"> <a href="/foo/"><img src="image.jpg" alt="" /></a> </div><!-- feature-image --> <div id="feature" class="feature_element"> <h2 class="main-heading"><a href="/foo/" >Some text here</a></h3> </div> <!-- feature --> This, the CSS: .feature-image { margin-top: 18px; margin-bottom: -100px; border-top: 5px solid #000; padding-top: 10px; } h2.main-heading { background-color: #000; color: #fff; font-size: 300%; font-weight: bold; line-height: 1.0em; letter-spacing: -2px; margin: 0; margin-top: 18px; padding: 10px 10px 15px 10px; text-transform: none; /* for IE */ filter:alpha(opacity=40); /* CSS3 standard */ opacity:0.4; } The trouble is, I cannot get the h2 #000; background to fade. It is always a solid balck. I just wondered if there was a way to do this in CSS or am I doing something wrong? -- Regards Karl Bedingfield ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/