Internet Explorer 8 (IE8) opacity link hover bug
The hover functionality does not work in IE8
on all links (<a>) within a element has set an opacity value ('css filter', 'css -ms-filter' or set with javascript).
Use the Internet Explorer 8 (IE8) to observe the issue. Try mouse over the links below.
Workaround:
The links (<a>) requires in IE8 an css filter property reset and hasLayout. See at 'CSS Fix' code.
Normal Link (hover works on all browsers)
NOT WORKING HOVER IN IE8: Hover Link (parent element with opacity)
FIXED: Hover Link (parent element with opacity)
CSS Fix:
[optional parent-element-selector] a {
-ms-filter: ""; /* Reset the filter property */
display: inline-block; /* Enable hasLayout */
/*
* Recommended properties for hasLayout:
*
* display: inline-block;
* display: block;
* float:left;
*
*/
}