Comments on: css opacity across all web browsers

By: Don carswell

Don carswell — Wed, 05 May 2010 05:09:20 +0000

The text is an easy fix,
Just use

p {
color: #000000
}

By: Mike Irving

Mike Irving — Mon, 12 May 2008 08:40:25 +0000

Yes, the text taking on the transparency can be an annoying side-effect of using opacity.

I always make sure I cater for non-transparency capable browsers too, as you never really know what setup your visitors are going to have.

By: David Levin

David Levin — Tue, 18 Mar 2008 21:11:54 +0000

The only problem here is that the text within your container will also be transparent. You will need to create a div around your text and make it position:relative to restore it to 100% opacity.

By: Josh

Josh — Wed, 23 Jan 2008 02:16:18 +0000

thanks for the post it helped me out.