CSS/OnMouseOver ?

[J.C.]

Is there anyway to use


onMouseOver="this.style.backgroundColor='#FFFDF2'" onMouseOut="this.style.backgroundColor='#FFF9E1'">


And have it put colors from the css? I want to use it but not retard the use of assorted themes on my site.

[meow]

'hover'. It isn't limited to links but MSIE only supports it for links sooo... :/

http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes

[J.C.]

Thanks for the quick reply!

I seem to remember something along time ago that worked with % to change the shading, but for the life of me I can't recall it.

*sigh*

[meow]

Of the background color? Not CSS. Maybe one of Microsoft's filters or some JavaScript? Just guessing here. :o

[brothercake]

You can set RGB colors in percentages:

background-color:rgb(50%,74%,83%);


As meow says, :hover on arbitrary elements is not support in IE (although you can compensate with DHTML Behaviors); but maybe that's not what you meant - did you mean a mouseover to change CSS rules, rather than inline style properties? If so, check out http://codingforums.com/showthread.php?s=&threadid=14259

[J.C.]

Basically, my site has 4 themes to choose from (forums only). The colors, images change. Soooooooo I'd like to use the mouseover effect, but it requires either:

a) a value set in the script $color to be used to define the color for mouseover/mouseout.

b) or a fixed color set, which undoubtedly will clash with other theme choices.

Hence my dilemma....