I am trying to change the gradient in a menu bar. In all browsers except IE this seems to work fine. When I check the filter in IE developer tools it says the nav bar is having a gradient filter from red to darker red applied. But the bar is blue to darker blue.
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba0605', endColorstr='#900100');
background: -webkit-gradient(linear, left top, left bottom, from(#ba0605), to(#900100));
background: -moz-linear-gradient(top, #ba0605, #900100);
background: -o-linear-gradient(center top , #BA0605, #900100) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #BA0605, #900100) repeat scroll 0 0 transparent;
background: linear-gradient(center top , #BA0605, #900100) repeat scroll 0 0 transparent;
you can see it here http://lasavonneriebourbonnaise.fr/blog/
Your CSS has backslashes on all of your filter properties which is causing them to be parsed incorrectly, you will need to find out why those backslashes are been added and get them removed as that is why it's reverting to blue instead of red.
This topic is now closed. New replies are no longer allowed.