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

A Web Standards Checklist

August 23, 2004

Nobody is calling it a “definitive guide” but MaxDesign’s checklist is an excellent starting point.

WE04 Conference in Sydney – Day two and beyond

October 9, 2004

Day Three Wonder Woman was my tour guide for the day so we had breakfast in the Queen Victoria Building before heading to have a look at the Harbour Bridge and Opera House. The weather was cloudy but it did not take too long for the sun to come out which made the day considerably [...]

Full Code Press

August 18, 2007

As I write this Full Code Press is taking place in Sydney. The Woman of Words is participating for the Australian team as copywriter/editor. You can check out the progresss on Flickr and YouTube.