www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] gradient syntax issue?

  1. #1
    Join Date
    Oct 2011
    Location
    Hamilton, Ontario
    Posts
    84

    resolved [RESOLVED] gradient syntax issue?

    here is the gradient css i have, but it doesn't work in IE9.. I'm confused

    Code:
    background: -moz-linear-gradient(top, #ffffff 0%, #dddd00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddd00));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddd00 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dddd00 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#dddd00 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#dddd00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddd00');
    i have tried putting quotes around the "progid.DXImage..." part but it didn't make any difference

  2. #2
    Join Date
    Dec 2012
    Posts
    54
    Sytax Error:
    Code:
    filter: progid:DXImageTransform.Microsoft.gradient
    instead of:
    Code:
    filter: progid:DXImageTransform.Microsoft.Gradient
    ?

    I don't have IE 9 to test it but microsoft documentation at
    http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx

    Seems to show Gradient as needing to be capitalized.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles