waarom weet ik niet, hoe wel:
Code: Selecteer alles
.row1h:hover, .row1hHover {
background: #F0F0F0 url(images/bg_row_hover.gif) bottom right no-repeat;
border-top-color: #F8F8F8;
border-left-color: #F8F8F8;
border-bottom-color: #D0D0D0;
border-right-color: #D0D0D0;
}
. Echter werkt dat niet in IE, voor ie moet dit er nog bij:
Code: Selecteer alles
<!-- IE conditional comments: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp -->
<!--[if IE]>
<style type="text/css">
/* IE hack to emulate the :hover & :focus pseudo-classes
Add the selectors below that required the extra attributes */
.row1h, .row1h-new { behavior: url("templates/ca_aphrodite/pseudo-hover.htc"); }
</style>
<![endif]-->
En moet je een .htc file hebben, met dit erin:
Code: Selecteer alles
<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
//
// Simple behaviour for IE5+ to emulate CSS pseudo-classes.
// Extended to enable the :focus event
//
// Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//
function hoverRollOver() {
element.origHoverClassName = (element.origFocusClassName) ? element.origFocusClassName : element.className;
element.origHoverClassName = element.className; // backup origonal className
if(PreloadFlag)
{
var tempClassStr = element.className;
tempClassStr += "Hover"; // convert name+'Hover' the last class name to emulate tag.class:hover
tempClassStr = tempClassStr.replace(/\s/g,"Hover "); // convert name+'Hover' the others to emulate tag.class:hover
tempClassStr += " hover"; // add simple 'hover' class name to emulate tag:hover
element.className = element.className + " " + tempClassStr;
}
}
function hoverRollOff() {
if( PreloadFlag && !element.focusOn ){
element.className = element.origHoverClassName;
}
}
</script>