Forum Bugs

strange linear gradient bug

ssundahl
I ran into a pretty strange bug involving linear gradients. In the first attached screen shot, all of the horizontal fields have exactly the same background styling:

background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(153, 153, 153) 100%);


In the second one, I made a change that should have no impact on the gradient (the final point now has an alpha value of 1). But it fixes it:

background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(153, 153, 153, 1) 100%);



Obviously I found a workaround, but I figured I'd tell you guys about it.
  1. bug1.png13.6 kB
  2. bug2.png13.7 kB
mikeday
That sounds very odd. Can you attach a sample HTML document which demonstrates this problem? I am having difficulty reproducing it here.