
linear gradient not exactly perpendicular
This is odd. I have 2 div's next to each other and sometimes it'll be both of them, sometimes it'll just be the first. But it's supposed to look like this gradient always goes all the way across. Putting it on parent has it's own issues so I faked it by putting it on both.
So, I get away with this illusion in everything but PIE. You can tell that the gradients are either not exactly linear or if they are, they are a little off vertical or horizontal.
Here it is in PIE
Attachment:
File comment: This is with PIE
gradient_ie.png [24.57 KiB]
Downloaded 312 times
Here it is in FF 3.6.3
Attachment:
File comment: This is with firefox
gradient_ff.png [23.4 KiB]
Downloaded 312 times
Here's my PIE css:
div#peepUp div.serviceLogo{
-pie-background: linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
position:relative;
}
Here's Moz:
div#peepUp div.serviceLogo{
background-image: -moz-linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
display:block;
}
Anyway, I don't know if this is something I'm doing wrong or if PIE's a degree off or something. I suppose I can always do the gradient with an image but I'm trying to save myself an http request.
Cheers,
tack