Forums
View unanswered posts | View active topics It is currently Mon Sep 01, 2014 1:39 am



Reply to topic  [ 4 posts ] 
 Limit to number of linear-gradient backgrounds? 
Author Message

Joined: Tue Oct 16, 2012 2:55 pm
Posts: 2
Post 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.html
Gradients 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.html
All 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


Tue Oct 16, 2012 3:19 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Limit to number of linear-gradient backgrounds?
Either I'm not understanding, or I'm not seeing the problem when I visit your site in IE9. The fading textured backgrounds display correctly on both application forms, and on all sections on the admission page. Can you clarify?


Tue Oct 16, 2012 8:34 pm
Profile

Joined: Tue Oct 16, 2012 2:55 pm
Posts: 2
Post Re: Limit to number of linear-gradient backgrounds?
@jason I'm stumped.


Attachments:
Broken.png [100.74 KiB]
Not downloaded yet
Tue Oct 16, 2012 8:52 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Limit to number of linear-gradient backgrounds?
Wow, I don't see anything like that at all.

Can any other users here give it a try and see if you can reproduce that nastiness?


Tue Oct 16, 2012 9:07 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Exabot [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.