FN-FORUM: Safari Opacity?

date posted 5th January 2006 14:01

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.