Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

CSS Opacity Function

Discussion in 'Website Design Forum:' started by Xenonsoft, Jan 10, 2009.

  1. Xenonsoft

    Xenonsoft Active Member

    I saw this blog whilst searching for blog inspiration, and couldn't help but notice the hover he has uses opacities to great effect.

    I googled it and found this tutorial, albeit 3 and a half years old, but very useful for something I wasn't sure was possible.

    Mandarin Design: CSS Opacity and Transparency

    If you know of any easier opacity tricks then please let me know, I'd love to hear them!
  2. Pete

    Pete Member

    My trick is to use a semi transparent png as a background image. To get around IE i use this jQuery script which, unlike the other fixes, tiles background images.

    This works a little better than moz-opacity I find because it keeps my CSS clean.
  3. Xenonsoft

    Xenonsoft Active Member

    Cheers for that Pete. I'll have to have a look sometime.

Share This Page