Quality stock photos for your creative or marketing needs. Photolibrary - We Get It


Graphic Design Forums: UK forums for graphic designers » Website Design Forums: » Website Design Resources: » CSS Opacity Function

Reply
Old 01-10-2009, 02:08 PM   #1
Senior Member
 
Xenonsoft's Avatar
 
Join Date: Nov 2008
Location: Essex
Posts: 585
Thanks: 58
Thanked 28 Times in 23 Posts
Send a message via MSN to Xenonsoft
Default CSS Opacity Function

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!
Xenonsoft is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 01-15-2009, 10:33 PM   #2
Senior Member
 
Pete's Avatar
 
Join Date: Jan 2009
Location: Chorlton, Manchester
Posts: 106
Thanks: 5
Thanked 18 Times in 15 Posts
Default

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.
Pete is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 01-16-2009, 12:05 AM   #3
Senior Member
 
Xenonsoft's Avatar
 
Join Date: Nov 2008
Location: Essex
Posts: 585
Thanks: 58
Thanked 28 Times in 23 Posts
Send a message via MSN to Xenonsoft
Default

Cheers for that Pete. I'll have to have a look sometime.
Xenonsoft is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Reply

Tags
css opacity function

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Flyer Printing | Print Reseller Scheme | Graphic Design | Logo Designer | Web Design UK | Graphic Design UK | Letterhead Printing
Business Card Printing | UK Business Forum | Logo Designer | NCR Pads | NCR Books | Receipt Books | Drinks Coasters | A6 Flyers | A5 Leaflets
Web Design & Development | vBulletin Skins | Small Business Websites | Leaflets | Leaflet Printing | Web Design Liverpool | Invoice Books


DISCLAIMER: All posts on this forum express the views and opinions of the author only, not the owners, staff or advertisers, hence we will not be held liable.


Powered by vBulletin®
© Copyright Jelsoft Enterprises Ltd
SEO by vBSEO 3.2.0 RC5 ©2008, Crawlability, Inc.