CSS3 + HTML5SHIV + CSS3PIE Border border does NOT work on IE8, but works on IE7,9,10

Question

the site I'm working with - http://www.quickseorankings.com/dev/ , built it with

• Twitter bootstrap
• HTML5 + CSS3
• HTML5SHIV
• CSS3PIE

Problem: The border radius of the navigation link (active) DOES NOT work on IE8 even with CSS3PIE. But his work on IE7,9,10 (using browser for testing)

CSS location: / css /
CSS3PIE HTC file location: / root / same location as my index.html

HTC Coded as: behavior: url(PIE.htc);

---

Fix attempt # 1: behavior: url(/PIE.htc); and behavior: url(../PIE.htc);
even tried using php one - behavior: url(PIE.php); behavior: url(/PIE.php);

Fix Attempt # 2 Added Htaccess: AddType text/x-component .htc

Fix Attempt # 3 : http://fetchak.com/ie-css3/ - these are actually HTC solutions, but different approaches to CSS3PIE. Still not working ..

Fix attempt # 4 Added: -pie-border-radius: 10px; does not work.

Fix attempt # 5 Added: position:relative !important; zoom:1; z-index:0 !important position:relative !important; zoom:1; z-index:0 !important position:relative !important; zoom:1; z-index:0 !important nothing ...

---

The next other fix on this forum still didn't work .. Thanks so much for your help!

Correct ScottSimpson's sentence: Isolation test, with simple html without TBS, here is the page test - http://www.quickseorankings.com/pie/ ones on the top button are CSS3PIE (DID NOT WORK) .. The bottom button is from fetchak ie-css.htc works. Now this has led us to my problem. The question is, what does TBS call .htc to not load properly? or is TBS rewriting it? but I did, important with the values ​​.. mmmm ..

WINNER IS pjumble : I use PIE.htc (PIE 2.0 beta 1), so it should have this file - PIE_IE678.js , then everything works ... Thanks, a lot!

Answer 1

You are using beta version of PIE 2.0, the .htc file for PIE 2.0 just downloads the external javascript file PIE_IE678.js . You need to upload PIE_IE678.js to your server and then tell PIE where the javascript file is located.

The easiest way is to add the PIE_IE678.js file to the same directory as PIE.htc , and then use the absolute URL in the PIE.htc file in the css file, for example:

 behavior: url('http://www.quickseorankings.com/dev/PIE.htc'); 

and your directory structure should be:

 quickseorankings.com/ dev/ PIE.htc PIE_IE678.js 

Note. Do not manually upload the PIE.js files, the .htc file downloads additional javascript files for you.