Sent by Andrew Gregory on 11 October 2005 18:06
On Tue, 11 Oct 2005 21:14:26 +0800, Sam Partington
[EMAIL-REMOVED]> 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: [EMAIL-REMOVED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
