Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Gradient fails

  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    27
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Question Gradient fails

    Hi all!
    HTML
    Code:
    <div class="column">
      …..
    </div>
    CSS
    Code:
    .column {
        background: -moz-linear-gradient(#cbe3ba,  #a6cc8b);
        background: -webkit-linear-gradient(#cbe3ba,  #a6cc8b);
        background: -o-linear-gradient(#cbe3ba,  #a6cc8b);
        background: -ms-linear-gradient(#cbe3ba,  #a6cc8b);
        background: linear-gradient(#cbe3ba,  #a6cc8b);
    }
    Doesn’t work. I’ve tried it on IE6 and Mozilla with no effect. What’s wrong?
    Can anyone help me, please?

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    it wont work in IE6, becuase it doesnt support it. According to this page you are doing it correctly for mozilla, maybe i missed something. - https://developer.mozilla.org/en-US/...inear-gradient You could try using a filter to support the lower IE versions - http://msdn.microsoft.com/en-us/libr...5,loband).aspx


  •  

    Posting Permissions

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