Search code examples
csscss3pie

CSS3 Pie not working at All, tried everything


I'm trying to apply css3pie

to my website, and it dosen't seem to be applied at all. I have tried anything i could find:

  • Checked the path to PIE.htc, put it in main folder and used url(/PIE.htc), even tried full URL, nothing worked.
  • Tried using PIE.php, that didn't work either.
  • Tried adding "AddType text/x-component .htc" to the .htaccess file, no good
  • Tried adding position:relative; z-index: 0;, No good.

The code i'm trying to apply is :

   -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 box-shadow: 0px 0px 13px rgba(0,0,0,.9);

What am i missing?

EDIT: if this matters, when i view the loaded css in IE, i see the behavior command is in same line like the next one, though syntax is correct


Solution

  • Use the Web Developer tools (F12) to see if there are any <css3-container> elements being created. If there aren't then there is a problem with your behaviour css declaration. If those elements exist, then don't change anything with your PIE.htc -- its a styling issue and you can mess around with things like position:relative; z-index: 0;.