468,236 Members | 1,951 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,236 developers. It's quick & easy.

Opacity Problem CSS

133 100+
Hi,

I have a table which has around 3 rows and i have the following class assigned to each row.

[HTML].fadewhite { background-color:#FFFFFF; filter:alpha(opacity=25); -moz-opacity:.25;}[/HTML]

The problem is that when i do the below the Text in that row also fades and i don't want this. How do i make sure the text stays the same color?

[HTML]<td class="fadewhite"><a href="#" class="menu">Weddings</a></td>[/HTML]

Cheers,
Adam
Feb 1 '08 #1
1 1224
drhowarddrfine
7,435 Expert 4TB
Modern browsers understand the CSS property 'opacity' so you should use that instead of -moz-opacity. Of course, IE is not a modern browser so you'll have to keep the non-standard 'filter' in there.

The text is fading because you are applying the opacity to the whole cell, therefore it's contents, too. Without trying this myself, you might just apply a different opacity to the <a> by itself.
Feb 1 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Dean Edwards | last post: by
6 posts views Thread by Robert A. Boudra | last post: by
1 post views Thread by mhoeneveld | last post: by
2 posts views Thread by reidarT | last post: by
16 posts views Thread by Darko | last post: by
15 posts views Thread by Sunny | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.