Active
Project:
OpenPublic
Version:
7.x-1.0-beta8
Component:
Code
Priority:
Normal
Category:
Bug report
Assigned:
Unassigned
Reporter:
Created:
20 Aug 2012 at 04:24 UTC
Updated:
11 May 2013 at 16:19 UTC
Hi,
How can I get the hover color to show up in the child links for the main menu in IE 9? (in all other browsers, the hover color works fine, pls see pics: "Chrome" is how it's supposed to look). Any help would be greatly appreciated. Thanks.
| Comment | File | Size | Author |
|---|---|---|---|
| ie9.jpg | 9.25 KB | indys | |
| chrome.jpg | 13.35 KB | indys |
Comments
Comment #1
gregoryt commentedI am seeing the same issue. Works fine in FF, Safari, Chrome, but not in IE--although the right side navigation works in IE. Any updates?
Comment #2
gregoryt commentedThis filter seemed to be the cause of the grief...I commented it out and it works now in IE
.navigation li.active-trail a,
.navigation li a.active,
.navigation li a:hover,
.navigation li a:focus,
.navigation ul li:hover a {
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ececec',GradientType=0 ); IE6-9 */
background: linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* W3C */
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
padding-left: 19px;
padding-right: 19px;
color: #333;
}
/******* Drop-down Navigation ******/
Comment #3
indys commentedIt worked! Thank you so much for your help!