Search code examples
htmlcsscss3pie

Need help to configure PIE.htc for CSS3

I found out that using PIE.htc will hellp to resolve the problem with IE7-8 when using box shadow.

I did exactly as they are explaining on the official website: http://css3pie.com/

But I can't get it to work on IE7 and IE8:

this is my code:

.shadow {
    behavior: url(PIE.htc);
    width: 200px;
    height: 200px;
    border: 1px solid #696;
    text-align: center; 
    -webkit-box-shadow: #666 0px 0px 5px;
    -moz-box-shadow: #666 0px 0px 5px;
    box-shadow: #666 0px 0px 5px;
    background: #EEFF99;
}
<div class="shadow">
    Example
</div>
Solution

  • Just put your PIE.htc file in the same directory where you have put your html and hopefully it will work.

    behavior: url(PIE.htc);

    according to Documentation

    Of course you will need to adjust the path to match where you uploaded PIE.htc in step 2. Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.

    Reference Images: Image1 Image 2