Current location: Hot Scripts Forums » General Web Coding » CSS » Transparent Layers


Transparent Layers

Reply
  #1 (permalink)  
Old 06-29-05, 04:33 PM
perleo perleo is offline
Coding Addict
 
Join Date: Jul 2003
Location: Ireland
Posts: 269
Thanks: 0
Thanked 0 Times in 0 Posts
Transparent Layers

Hi

How in CSS can i set a background color or a layer but make it transparent to the color of the page itself, so if the page is blue and a layer is black, you should be able to see through the black and see the blue, but the blue would be darker, kind of like if you put a lens of a sunglasses over a color, the color, through the lens, would appear darker
Reply With Quote
  #2 (permalink)  
Old 07-20-05, 01:30 PM
bhxtyrant bhxtyrant is offline
Newbie Coder
 
Join Date: Jul 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
I have been looking for a way to accomplish this as well.Hope someone knows.
__________________
www.Neo-WU.com
Reply With Quote
  #3 (permalink)  
Old 07-20-05, 02:18 PM
nothingofvalue nothingofvalue is offline
Newbie Coder
 
Join Date: Jul 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
If I understand what you are asking, it should be as simple as:

background-color: transparent;
Reply With Quote
  #4 (permalink)  
Old 07-20-05, 02:54 PM
bhxtyrant bhxtyrant is offline
Newbie Coder
 
Join Date: Jul 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
no i think you mis-understand,or maybe it's me it seems he wants to make a calor transparent but not completely transparent.Is there a way to set a percentage of transparency?
__________________
www.Neo-WU.com
Reply With Quote
  #5 (permalink)  
Old 07-20-05, 03:48 PM
nothingofvalue nothingofvalue is offline
Newbie Coder
 
Join Date: Jul 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
In that case you are dealing with opacity and it would go like this:

{style="filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

I uploaded a demo which is just a blue page with a small table with a black background. The black background is set to 50% opacity which allows the blue to somewhat shine through. Opacity does not look real great with black due to it being the darkest color.

Example is here:

http://www.nothingofvalue.com/testing.php
Reply With Quote
  #6 (permalink)  
Old 07-20-05, 04:58 PM
bhxtyrant bhxtyrant is offline
Newbie Coder
 
Join Date: Jul 2005
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
Yep this is exactly what i needed thanks a ton for the help.
__________________
www.Neo-WU.com
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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 Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Swapping Layers crazyeights HTML/XHTML/XML 1 06-23-05 12:34 PM
Using layers to cover part of an SWF applet flambore HTML/XHTML/XML 1 03-04-05 10:47 PM
I'm having a problem with layers in Mozilla TemplatesForAll JavaScript 0 10-27-04 07:13 AM
text/numerical code for transparent? kermit_criminal CSS 2 04-01-04 03:42 AM
alphanumeric code for transparent? kermit_criminal HTML/XHTML/XML 1 03-28-04 06:32 AM


All times are GMT -5. The time now is 01:40 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.