On Tue, 11 Oct 2005 21:14:26 +0800, Sam Partington
<[EMAIL PROTECTED]> wrote:
> Problem is that if I do it like this, the text in the ul also has the
> opacity applied. That's not supposed to happen.
Actually, that *is* supposed to happen. Opacity affects the entire
element
and all its children.
Is there a way around that? I've tried specificity tricks and
!important but they didn't work
No. As you mention, you could try positioning, but...
As a work around for non-IE browsers I create a darker image for the
background on the server, and deliver that instead, and leave out the
opacity rules. (It loads significantly slower as a result)
Any ideas anyone?
I created a halfscreen PNG (checkerboard of alternating black and
transparent pixels). Then I changed #crop_grey to use the required image
as the background instead of black, then #crop_area to use the halfscreen
as *it's* background (repeating). The halfscreen gives the effect of
darkening the image. #crop_box is unchanged and has the required images as
it's background, without the halfscreen.
*Changes*:
#crop_grey
{
background: transparent url('create_src.php') no-repeat top left;
}
#crop_area
{
background: transparent url(halfscreen.png) repeat;
}
HTH,
--
Andrew Gregory, <URL: mailto:[EMAIL PROTECTED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
