Jump to content
Sign in to follow this  
barryevans

Hover colour not working in IE

Recommended Posts

barryevans    2
barryevans

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
Danny    1,327
Danny

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.
 

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barryevans    2
barryevans

Thats a pretty cool site, TVM

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×