its a css / javascript trick, actually it would be purely css but IE doesnt like it, and thats where the javascript comes in.
HTML Code:
<script type="text/javascript">
//<![CDATA[
function lightup(imageobject, opacity){
if (navigator.appName.indexOf("Netscape")!=-1&&parseInt(navigator.appVersion)>=5)
imageobject.style.MozOpacity=opacity/100
else if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4)
imageobject.filters.alpha.opacity=opacity
}
//]]>
</script> HTML Code:
<style type="text/css">
.calendar:hover, .calendar:active, .calendar:focus, .newswrapper:hover,.newswrapper:active, .newswrapper:focus {
opacity: .75 ;
filter: alpha(opacity=75);
-moz-opacity: .75;
}
</style> Then my <div> for my calendar had a class name of calendar like this:
HTML Code:
<div class="calendar" onmouseover="lightup(this, 75)" onmouseout="lightup(this, 50)">
other stuff....
</div>
edit: i know about the code problem, i'm working on it...
edit2: LOL I FIXED IT!
Linear Mode
