transparent td background? |
transparent td background? |
R1cky_Da_Man1982 |
Feb 1 2012, 04:26 AM
Post
#1
|
Newbie Group: Members Posts: 10 Joined: 1-February 12 Member No.: 16,370 |
Hi,
I was wandering if it is possible to make the background color of a table cell slightly transparent, so i can have a bit of color behind the text without it been too invasive, as I want the main body background image to show through slightly. so is this possible? This post has been edited by R1cky_Da_Man1982: Feb 1 2012, 04:29 AM |
pandy |
Feb 1 2012, 09:26 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
There is a CSS property called opacity that does that, only it affects both the foreground and the background. And there are problems with IE.
http://www.quirksmode.org/css/opacity.html There's an old trick that still works though, even if it tricky to vary the opacity. It involves using a special background image. Create a small GIF image. Color every second pixel in one color and let the others be background color you chose to start with. Like a chess board. Then make one of the colors transparent. It will trick the eye and the background will look semi-transparent. Another trick is to position a DIV with opacity applied to it behind the content. |
Darin McGrew |
Feb 1 2012, 12:15 PM
Post
#3
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Here's another technique that uses multiple background images, rather than relying upon opacity:
http://meyerweb.com/eric/css/edge/complexspiral/demo.html |
Frederiek |
Feb 1 2012, 12:25 PM
Post
#4
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Or, have a look here: http://www.impressivewebs.com/css-opacity-...child-elements/ .
|
R1cky_Da_Man1982 |
Feb 2 2012, 10:57 AM
Post
#5
|
Newbie Group: Members Posts: 10 Joined: 1-February 12 Member No.: 16,370 |
Thanks for the replies guys,
I have decided that what I am trying to achieve is too confusing so I am going to stick with the original layout. |
Lo-Fi Version | Time is now: 20th April 2024 - 09:20 AM |