|
|
Posted by jim on 01/21/08 23:04
MSIE has a filter you can apply, but it's for MSIE browsers only;
Firefox has a css opacity setting, but that's for opacity, not
desaturation.
However, perhaps a middle ground of both may help? Try this code
which will
desaturate the image onMouseover in MSIE, and it will reduce opacity
if you
pop the page up in Firefox:
=======================================
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> image desaturate: msie only, or, opacity reduction: firefox
only
</title>
<style type="text/css">
..gray1 {Filter:Gray;-moz-opacity:.25;opacity:.25;}
..gray2 { }
</style>
</head>
<body >
<img src="http://groups.google.com/groups/img/3nb/
groups_medium.gif"
onMouseover="this.className='gray1' "
onMouseout ="this.className='gray2' " alt="" />
</body>
</html>
Navigation:
[Reply to this message]
|