SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2009
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Gradients in Opera 11?

    Hello all,

    Is there anyway to produce a gradient in Opera 11 and not fall back to a failsafe background color? So far the code is:
    Code:
    background-color:  #4981bf;
    background:  -moz-linear-gradient(top, #000000, #2a4d83 60%, #4981bf    90%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0,#000000), color-stop(.6, #2a4d83), color-stop(.9, #4981bf));
    Any help is appreciated.

    PChuprina

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    There's no vendor-prefix for that feature in Opera. There's a method to do it with SVG, but that doesn't seem like a feasible option either. Your call. The safest way to get consistent results in all browsers is by creating them the old fashioned way; using images. Your call.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  3. #3
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,603
    Mentioned
    24 Post(s)
    Tagged
    1 Thread(s)
    SVG works for all browsers except IE and IE provides its own way to achieve the same result - see http://www.felgall.com/gradient.htm for an example.

    There is no real advantage to doing that instead of just generating an image to do it though.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  4. #4
    SitePoint Enthusiast
    Join Date
    Aug 2009
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks


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
  •