CSS3 Transparency

November 25, 2004

CSS3 is still a work in progress but I’ve been playing aroud with it nonetheless. You can probably tell that I think that CSS3 transparency is really, really cool. When it is fully supported it is going to allow for so much design flexibilty without having to use a single image.

If you are using a Mozilla based browser or Safari then the background of this post should be a transparent red. If you are using Internet Explorer you will only see a solid red.

If you are wondering how it is done then all you need is this:

#blah
{
opacity: 0.5;
}

It is worth noting you can do the same in IE with a bit of proprietry code which only IE will see.

#blah
{
opacity: 0.5; /* everything that supports CSS3 */
filter: alpha(opacity=50); /* IE */
}

You can decide if that is a good idea or not. :)

Filed under HTML/CSS

Comments on this article »

  1. it’d be great if i could actually read the grey text on red ;)

    where are u benny? no bloogy? are u riding ya bike somewhere?

    go trooper. go.

    Written by mik on the December 9, 2004

  2. yeah been on my bike for the last couple of weeks. no time for blogs atm but will do soon.

    Written by ben on the December 9, 2004

Leave a comment

Random articles

Green my Apple

January 19, 2007

Apple knows more about “clean” design than anybody, right? So why do Macs, iPods, iBooks and the rest of their product range contain hazardous substances that other companies have abandoned? www.greenmyapple.org

Software that makes my life easier

February 5, 2005

In the last few months I have come across some nice pieces of software that have made my life just that little bit easier. I might as well share them. Quicksilver : You will hardly ever use the dock on OSX again Synergy: OSX and XP become one… sort of Synergy: Not the same as [...]

I really thought web development had moved on from this sort of thing…

August 24, 2004

I was told to use IE when trying to visit a govt website today. Firefox and Safari users are told to use IE instead. A colleague questioned the site’s creators on this method and was told due to accessibility reasons it was best to use IE. Isn’t that sort of philosophy completely against the entire [...]