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; * */ }