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.. 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. 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] 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;} 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 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
Archived
This topic is now archived and is closed to further replies.