Re: FN-FORUM: Safari Opacity?

date posted 5th January 2006 14:13

I think what you have coded works in Safari v1.2, but not in v2.
You have the IE and Mozilla transparency options, but try adding a third
(CSS3) option:

opacity: 0.5;

Havent got a chance to check this myself, but let me know!

steve


John 'Max' Maxwell [EMAIL REMOVED] wrote:

>
> Hi All,
>
> I have just posted a homepage mock-up design at
> www.pasoundhire.thepigfarmer.co.uk and my friend is having trouble using
> Safari and IE on a MAC. She says that the blue banner on the right is solid
> - whereas it should have an opacity filter on it, which works fine on my PC
> with IE and Firefox.
>
> Here is the code in my CSS Stylesheet as applied to the blue column:
>
> #bluecolumn {
> background-color: #508FC4;
> position: absolute;
> z-index: 2;
> height: 400px;
> width: 183px;
> top: 101px;
> right: 0px;
> filter: Alpha(opacity=35);
> -moz-opacity:.35;
> }
>
> I know this code won't validate - but there isn't a valid version of it and
> it works on PCs and displays how I want it to - so it gets my vote.
>
> So - any ideas on how to make it 100% cross browser friendly??!
>
> Cheers,
>
> Max.
>
>