
Limit to number of linear-gradient backgrounds?
Markup rendering is completely inconsistent and I'm trying to figure out why.
IE 9.0.8112.16421 on Windows 7 inside VMware Fusion 5.0.1
example 1:
http://www.chosenvale.org/application.htmlGradients applied correctly on load.
Whichever application form is selected first causes gradient to be rendered incorrectly; toggling to the other form renders background perfectly; toggling back shows mis-rendered gradient.
example 2:
http://www.chosenvale.org/admission.htmlAll background gradients applied beautifully until section#deadlines.
There are no problems in any css3 browsers, and Compass is being used to generate the background gradient rules. eg.
Code:
/* line 17, _texture.css.scss */
section {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fef9f0), color-stop(100%, rgba(254, 249, 240, 0))), url('/images/texture/teeny-tiny.png');
background: -webkit-linear-gradient(top, #fef9f0, rgba(254, 249, 240, 0)), url('/images/texture/teeny-tiny.png');
background: -moz-linear-gradient(top, #fef9f0, rgba(254, 249, 240, 0)), url('/images/texture/teeny-tiny.png');
background: -o-linear-gradient(top, #fef9f0, rgba(254, 249, 240, 0)), url('/images/texture/teeny-tiny.png');
-pie-background: linear-gradient(top, #fef9f0, rgba(254, 249, 240, 0)), url('/images/texture/teeny-tiny.png');
background: linear-gradient(top, #fef9f0, rgba(254, 249, 240, 0)), url('/images/texture/teeny-tiny.png');
padding-top: 1.4em;
padding-bottom: 2.8em;
}
Source available at
https://github.com/sarahreid/chosenvale ... tylesheets (written in scss).
All suggestions welcome!
Thanks, -A