Can I make it translucent? ~ at Runboard.com
Welcome: You have reached Pastor Rick's Design Elements message board... The board dedicated to constructing NEW and unique skins and layouts using primarily RunBoard hosted graphic elements and helping others... Enjoy your stay and please tell others about this board...
Design Elements
 CSS Snippets
  Can I make it translucent?
Support  Search

runboard.com       Sign up (learn about it) | Sign in (lost password?)


 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
Reply | Quote
Can I make it translucent?


Here is a cute one for you. Say you have a background image and you want people to see it but you don't want everything to be transparent.

The answer just might be OPACITY because this is what allows you to make things translucent. The way to do this is to add the opacity string opacity: .55;filter: alpha(opacity=55); -moz-opacity: .55; to your graphic or css class...

For example:


.forumlistboardstatstable, ak_fl_boardstats_master_table {width: 100%; background-color: #9cf;opacity: .55;filter: alpha(opacity=55); -moz-opacity: .55;border:1px #09f;}



Yes I know the term opacity appears three times. That is because IE, FF, and Opera all use a different way of implementing the opacity defined by CSS so we have to have all three in place or someone will say uh?

Complete opacity is 1.00 with FF and Opera while with IE it is 100. Total transparency is 0.00 or 000.

Final note: Opacity effects are for the whole class so if you define a class this way then everything in that class including the text is affected.

Last edited by Pastor Rick, 6/13/2007, 10:05 pm


---
Image
·TNZ·DE·TRD·ITB·
6/13/2007, 10:01 pm Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 


Add a reply






Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      This Board's Date and Time: 11/23/2009, 10:13 am