Applying PIE.js to get effect in whole html Pages

Welcome to Designers Dairy blog here i have posted how to apply PIE.js

 to apply entire HTML Pages website

Step 1:

Include the PIE.js script in your page in Head Tag

    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>
  <script type="text/javascript" src="js/PIE.js"></script>
<![endif]-->



Step 2:

Include Style sheet          
 

    <style type="text/css">
    .text1
    {
         -moz-border-radius: 15px;
         border-radius: 15px;
         border:solid 1px black;
         padding:5px;
     
    }

.border-radius
    {
         -moz-border-radius: 15px;
         border-radius: 15px;
         border:solid 1px black;
         padding:5px;
     
    } 
    </style>  

Step 3:

Include the Javascript  and call the Style Class where u need PIE.JS to apply

<script type="text/javascript">
         $(document).ready(function ()
         {
             if (window.PIE) {
                 $('text1,.border-radius, .styled-button, .blue_bg, .menu_navigation li a').each(function ()
                 {
                     PIE.attach(this);
                 });
             }
         });
    </script>

Step 4:

Enjoy