I need to put a "hover" on the thumbnails so that the user knows where they are. I'd like to have it change the opacity, but a) I'm not sure how accepted that is amongst the browsers
Modern Gecko supports the standard opacity:#.#; property.
Previous Gecko supports -moz-opacity:#.#; in the same way.
Safari/Konquerer supports -khtml-opacity:#.#; in the same way.
Win IE 5.0+ supports filter:alpha(opacity=##);
Win IE 5.5+ supports filter:progid:DXImageTransform.Microsoft.Alpha(opacity=##);
"#.#" is a float between 0 (transparent) and 1 (opaque).
"##" is a float between 0 (transparent) and 100 (opaque). So for IE, multiply your opacity by 100.
Mac IE is out. I believe all Opera 7 is out.
This means 98% of the typical audience will support one form or another of CSS-based opacity settings, but only 3-5% will support the standard. But typically, specific audiences are atypical. Use your own stats.
and b) if it is, I'm sure how to do it, or where to place it in my CSS.
For your setup, I should think this would work:
#thumbs a {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
#thumbs a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}I've heard that some opacity engines switch off when the image is fully transparent or opaque, and sometimes there is a little flicker at that point. The workaround is to not set 0 or 1, but rather 0.0001 and 0.9999.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
