Forums
View unanswered posts | View active topics It is currently Fri Dec 19, 2014 1:59 am



Reply to topic  [ 7 posts ] 
 gradient backgrounds work in ie8 but not ie9 
Author Message

Joined: Tue Jul 27, 2010 10:21 am
Posts: 6
Post gradient backgrounds work in ie8 but not ie9
Hi,

I'm using the PIE2 beta, it and is working beautifully with ie8. All of the CSS3 decorations work.

I'm using the -pie-background rule for a lot of gradient backgrounds. All of these backgrounds render just fine on ie8. However, in ie9, all of the CSS3 decorations are rendered EXCEPT the gradient backgrounds. Image backgrounds work just fine.

I tried removing my IE stylesheet for ie9 (and with it PIE), and it looks the same, suggesting ie9 may not be using (or needing) pie at all.
But putting it back gives the same result. My IE-only rule does include ie9:

Code:
<!--[if lt IE 10]>
   <link rel="stylesheet" type="text/css" href="_assets/ie.css" />
<![endif]-->


An example of one of my -pie-background rules:
Code:
-pie-background: linear-gradient(to bottom, #CCCCCC 0%, #FFFFFF 100%);


The javascript files -
Code:
PIE_IE678.js
PIE_IE9.js

Are both on the server. Any ideas what might be wrong?

Thanks. :D


Fri Apr 12, 2013 11:13 am
Profile

Joined: Mon Nov 29, 2010 11:49 am
Posts: 6
Post Re: gradient backgrounds work in ie8 but not ie9
Have you tried changing

Code:
<!--[if lt IE 10]>
   <link rel="stylesheet" type="text/css" href="_assets/ie.css" />
<![endif]-->


to

Code:
<!--[if lte IE 9]>
   <link rel="stylesheet" type="text/css" href="_assets/ie.css" />
<![endif]-->


I'm pretty sure any mention of '10' in conditional comments gets ignored by all IE versions, as conditional comments are no longer used in IE10.


Fri Apr 12, 2013 3:00 pm
Profile

Joined: Tue Nov 29, 2011 1:26 am
Posts: 38
Post Re: gradient backgrounds work in ie8 but not ie9
IE9 is very stupid with gradients so you have 2 options.
1: cut on photoshop 1px from saved .png and use it with repeat-x
2: take a screen shoot and save as gradient image after that convert your gradient background with: http://websemantics.co.uk/online_tools/ ... convertor/.


Tue Apr 16, 2013 8:51 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: gradient backgrounds work in ie8 but not ie9
Off the top of my head I'd check that the htc file is being served with the correct content-type header -- IE9 is particularly strict about that whereas other versions are sometimes more lenient.

Have you inspected the HTTP traffic to see what files IE9 is requesting? To make sure it's loading your conditional stylesheet and the PIE files.


Tue Apr 16, 2013 10:27 am
Profile

Joined: Tue Jul 27, 2010 10:21 am
Posts: 6
Post Re: gradient backgrounds work in ie8 but not ie9
Hi all, my conditional -

Code:
<!--[if lt IE 10]>
   <link rel="stylesheet" type="text/css" href="_assets/ie.css" />
<![endif]-->


Is successfully including the ie stylesheet. Since pie is working in older versions of IE, I can rule out whether the necessary files are being included.

Jason, what's a good way to check if the htc is being served with the correct content-type header in IE9?


Mon Apr 22, 2013 11:01 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: gradient backgrounds work in ie8 but not ie9
Use a network proxy like Fiddler to inspect the requests it's making. Or perhaps IE9's own built-in developer tools will let you see the network requests and their response headers.


Tue Apr 23, 2013 9:19 am
Profile

Joined: Tue Aug 27, 2013 6:33 pm
Posts: 2
Post Re: gradient backgrounds work in ie8 but not ie9
Not working for me in IE 9 either.

I'm using:
Code:
-pie-background: linear-gradient(135deg, #ffffff 36%, #dddddd 100%); /*ie 6-9 via PIE*/
behavior: url(PIE.htc);


IE 8 works great! But not IE9. Also tried "to right" and still no result. Any recent word on this?


Tue Aug 27, 2013 6:40 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 7 posts ] 

Who is online

Users browsing this forum: No registered users and 1 guest


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:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.