timgetback Posted August 6, 2006 Share Posted August 6, 2006 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.. Quote Link to comment https://forums.phpfreaks.com/topic/16732-table-highlighting-and-mouseover-questions/ Share on other sites More sharing options...
wildteen88 Posted August 6, 2006 Share Posted August 6, 2006 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. Quote Link to comment https://forums.phpfreaks.com/topic/16732-table-highlighting-and-mouseover-questions/#findComment-70345 Share on other sites More sharing options...
timgetback Posted August 7, 2006 Author Share Posted August 7, 2006 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] Quote Link to comment https://forums.phpfreaks.com/topic/16732-table-highlighting-and-mouseover-questions/#findComment-70593 Share on other sites More sharing options...
wildteen88 Posted August 7, 2006 Share Posted August 7, 2006 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;} Quote Link to comment https://forums.phpfreaks.com/topic/16732-table-highlighting-and-mouseover-questions/#findComment-70595 Share on other sites More sharing options...
timgetback Posted August 7, 2006 Author Share Posted August 7, 2006 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 Quote Link to comment https://forums.phpfreaks.com/topic/16732-table-highlighting-and-mouseover-questions/#findComment-70616 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.