IE9 Problem

[mjza]

Hello I wrote a website that use PIE 1.0 When I load it in IE8 it workes and show gradient good But When I load it by IE9 it doesn't work and when I use PIE 2.0 it doesn't work at all Please see the link below : http://www.reton.ir May be you can find the solution.

[dvorapa]

If you download 2.0 beta 1 version, include PIE.htc to your css and upload all of three files: PIE.htc + PIE_IE678.js + PIE_IE9.js, it should work in IE 6-9, but if it doesn't work, it's a big problem to resolve...

[mjza]

I can not understand your mean about including PIE.htc to css!!!? Did you mean to use the following instruction in css files (first line is for example, I mean the second line) ?

       -pie-background: linear-gradient(#999999, #FFFFFF);
   behavior: url(/pie/PIE.htc);

If yes I did it before for using PIE 1.

now I added PIE.htc + PIE_IE678.js + PIE_IE9.js to /pie folder and deleted the previous folder.

I test it in IE10 with IE8 and IE9 engin.

But it works in IE8 mode but it doesn't work in IE9 mode.

Please check it again.

http://www.reton.ir

[dvorapa]

Read this: http://css3pie.com/documentation/supported-css3-features/#gradients You have to edit the style and all "top" remake to "to bottom"

[mjza]

I copied the code from that article. Just I changed the color. but it doesn't work yet in IE9.

       background: -webkit-gradient(linear, 0 0, 0 100%, from(#9C9C9C) to(#000000)); /*old webkit*/
       background: -webkit-linear-gradient(top, #9C9C9C, #000000); /*newer webkit*/
       background: -moz-linear-gradient(top, #9C9C9C, #000000); /*old gecko*/
       background: -o-linear-gradient(top, #9C9C9C, #000000); /*opera 11.10+*/
       background: linear-gradient(to bottom, #9C9C9C, #000000);
       -pie-background: linear-gradient(to bottom, #9C9C9C, #000000); /*ie 6-9 via PIE*/
       behavior: url(/pie/PIE.htc);

[dvorapa]

Then I think itš an issue of the PIE and we have to wait to one of the contributors, who will find out the repair for this issue...