On Aug 4, 2008, at 1:49 PM, Karl Bedingfield wrote:
> <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.
Dunno. That snippet of code works fine here. A live URL showing the
issue would help. As always.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
