Marshal Horn wrote:
> Well, that makes sense. However, it seems both Safari and Firefox are
> then displaying it incorrectly.
> I have an untitled list with a semitransparent background, and the
> contained list items should be fully opaque (though they have no
> background, they have text). The way I can tell is that the yellow
> text is dimmer inside the li tags than in the main body.
>
> http://sotabot.com/site_map.html
> (the background image is 1.2MB, so it may take a bit to load on slower
> connections
> Also, this is one of my pages in full context; hopefully it won't be
> too hard to wade through)
Sorry...
Small typo in my last post. Try this:
Replace this in your style sheet:
div.sitemap ul {
padding: 0em 0em .2em .5em;
margin: 0px;
float: left;
border-top: .35em #0000aa ridge;
list-style-type: none;
/* FF2 and Opera (1x1 Black PNG at 80% opacity) */
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAA1JREFUCNdjYGBgOAMAANEAzdAP7DMAAAAASUVORK5CYII=);
/* FF3 and Safari; CSS3 syntax support */
background: rgba(0,0,0,0.8);
}
...and add this to your HTML for IE:
<!--[if IE]><style type="text/css">
div.sitemap ul {
background: transparent;
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD000000,endColorstr=#DD000000);
zoom: 1;
}
</style><![endif]-->
Again...hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com & MacNimble.com
* From dot concept...to dot com...since 1999.
***********************************************/
______________________________________________________________________
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/
