SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Posts
    48
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    ie filter gradient do they add to each other? should be red is blue

    Hi,
    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.

    Code:
    #nav-container {
    background:#900100;
    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/

    thanks

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,191
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •