Link to home
Start Free TrialLog in
Avatar of LTY83
LTY83

asked on

change opacity on mouseover

Ok guys curious if you can help

i'm trying to make it so when a user mouseover a cell it changes the opacity of the cell from 65 to 100%, here is what i have so far
<tr>
    <td onmouseover = "this.style.filter='alpha(opacity=100)'">Browse</td>
</tr>

doesn't seem to want to work, any suggestions?
Avatar of GwynforWeb
GwynforWeb
Flag of Canada image

<table>
  <tr>
    <td height="36" onmouseover="this.style.filter='alpha(opacity=40)'">TEST TEXT</td>
  </tr>
</table>
ASKER CERTIFIED SOLUTION
Avatar of GwynforWeb
GwynforWeb
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
opacity=100 -->  fully visible
opacity=0 -->  fully invisible
Avatar of reginab
reginab

gwynforwebs' code works for me, what browser are you viewing it in.  and what else it around this code to interfere.
note:    filters are IE only
Avatar of devic
<html>
<head>
<style>
            A:hover{filter: alpha(opacity=10);-moz-opacity: 0.1; HEIGHT: 0px}
</style>
</head>

<body bgcolor=#ffffff>
 
<br><br>
<a href=# class=text>
<img border=0 src=http://oldlook.experts-exchange.com/images/logoWhiteSmall.gif>
test
</a>
</body>
</html>
if you are trying to view it in a preview of an ide that might not work either.  I was viewing it with IE,
Avatar of LTY83

ASKER

thanks guys
and my example works in MOZILLA too