Background Gradient using webkit

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • KeredDrahcir
    Contributor
    • Nov 2009
    • 426

    Background Gradient using webkit

    I'm trying the use a background graident on my menu bar. I'm using:
    Code:
    .mainmenu{
    	background-color: #25abec;
    	background-image:-moz-linear-gradient(top,#25abec,#1984b8);
    	background-image:-webkit-gradient(linear,left top,left bottom,from(#25abec),to(#1984b8));
    	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#25abec,endColorStr=#1984b8);	
    }
    The error console of Firefox picks up on the last two lines. The webkit one and the filter one. Can anyone tell me what I'm doing wrong please?
  • Rabbit
    Recognized Expert MVP
    • Jan 2007
    • 12517

    #2
    The last two lines are just meant for other browsers. Firefox doesn't recognize them, other browsers do.

    Comment

    • KeredDrahcir
      Contributor
      • Nov 2009
      • 426

      #3
      How do I get round the error console saying there is a problem there in that case. I do nee to page to comptible across the five main browsers.

      Comment

      • Rabbit
        Recognized Expert MVP
        • Jan 2007
        • 12517

        #4
        That I don't know. Just ignore them.

        Comment

        • KeredDrahcir
          Contributor
          • Nov 2009
          • 426

          #5
          Would the same apply for zoom and behavior?

          Comment

          • KeredDrahcir
            Contributor
            • Nov 2009
            • 426

            #6
            I assume I'm better off validating the code rather than looking at the error console.

            Comment

            • Rabbit
              Recognized Expert MVP
              • Jan 2007
              • 12517

              #7
              I don't know about zoom and behavior, but if it's browser specific, then it will throw errors in the other browsers. I wouldn't ignore the error console, just be aware of which errors are related to work arounds for other browsers.

              Comment

              • KeredDrahcir
                Contributor
                • Nov 2009
                • 426

                #8
                Thanks. That's what I thought.

                Comment

                Working...