Archived

This topic is now archived and is closed to further replies.

  • 0

Hover colour not working in IE


Question

Posted · Report post

Hi,

 

I am using the attached custom CSS script, however for some reason it works in Firefox but not IE.

 

/*Nav bar hover colour*/
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li.current-menu-item > a {
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #E6E6E6, #E6E6E6);
    background-repeat: repeat-x;
    color: #333333;
    text-decoration: none;
}

 

Please could you help me undestand why IE is not picking up the correct drop down hover colour of #E6E6E6

 

My site is http://tinyurl.com/a5vt5bc

 

Thanks in advance

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

The reason the hover color is working in FireFox and not IE, is that your code is only for FIreFox. This line:

 

 

    background-image: -moz-linear-gradient(center top , #E6E6E6, #E6E6E6);
 
The -moz- stands for Mozilla, which I am sure you know is the company name for the creators of FireFox. For assistance in correcting your code for all browsers, see this website.
 

Share this post


Link to post
Share on other sites

Posted · Report post

Thats a pretty cool site, TVM

Share this post


Link to post
Share on other sites

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites