Jump to content

Archived

This topic is now archived and is closed to further replies.

timgetback

table highlighting and mouseover questions??

Recommended Posts

I new with css.... right now im filtering my tables.. [code]table table table table td {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;
} [/code] and i wanted to make it so when i mouse over the  table the filter changes to:[code]{filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}[/code] Please help..

Share this post


Link to post
Share on other sites
Use the :hover pesudo selector.
[code]table table table table td:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;)[/code]
Keep in mind though some browsers, such as IE6 and below) dont support the :hover pesudo selector. Instead you'll have to use javascript.

Share this post


Link to post
Share on other sites
Ok so it would look like...... [code]table table table table td:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;)
table table table table td {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;} [/code]

Share this post


Link to post
Share on other sites
Yes but you want to use:
table table table table td:hover {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}

Share this post


Link to post
Share on other sites
Yea..... it didnt extacly work.. heres what i wrote: [code]<style type= "text/css">
table table table table td:hover {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
table table table table td {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}
</style>[/code] its filtering to 40% but its not unfiltering when i use th:hover

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.