By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,072 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

Opacity Problem CSS

P: 133

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]

Feb 1 '08 #1
Share this Question
Share on Google+
1 Reply

Expert 5K+
P: 7,435
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.