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/
