Forum Bugs

Linear gradient weirdness

masonator
Having some trouble with linear gradients in Prince 11. The following document shows what I'm encountering:

<!DOCTYPE html>
<html>
  <head>
    <style>
      .exhibit-a {
        width: 100%;
        height: 10em;
        background: green linear-gradient(to right, red, blue);        
      }
      
      .exhibit-b {
        width: 100%;
        height: 10em;
        background: green linear-gradient(to right, red, transparent);
      }
    </style>
  </head>
  <body>
    <div class="exhibit-a"></div>
    <div class="exhibit-b"></div>
  </body>
</html>



I'd expect to see two bars, one with a red to blue gradient and the other with a red to green gradient (due to the green background color specified and the second color stop on the gradient being transparent). But the second gradient doesn't seem to work and I just get a green block.

It seems that linear gradients do not support rgba colours.

Any ideas?
mikeday
We've just added support for opacity gradients in Prince 11.1. :D
masonator
Thanks Mike, that's great news! :)