PIE giúp IE hiển thị được CSS3

 IE các phiên bản củ từ IE6 đến IE8 chưa hỗ trợ được cho CSS3 như các trình duyệt như irefox, Oprea, Chrome, Safiri. mà hầu như các trình duyệt IE6 rất là phổ biến với hệ điều hành WIN XP.

Chúng ta có thể sử dụng PIE (Progressive Internet Explorer) giúp các trình duyệt IE có thể hiển thi được CSS3 với các tính năng như border-radius, box-shadow, border-image, multiple background images, linear-gradient như background image.

Tham khảo PIE http://css3pie.com

Download PIE http://github.com/downloads/lojjic/PIE/PIE-1.0beta5.zip


Cách sử dụng trong file css: behavior: url(root/PIE.htc);

---

   border:#999999 solid 1px;

    height:150px;

    line-height:120px;

    padding-left:50px;

    font-size:50px;

    color:#333333;

    font-weight:700;

    font-family:Geneva, Arial, Helvetica, sans-serif;

    margin-bottom:10px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    -webkit-box-shadow:#666 0px 2px 3px;

    -moz-box-shadow:#666 0px 2px 3px;

    box-shadow:#666 0px 2px 3px;

    background:#aeaeae;

    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aeaeae), to(#d0d0d0));

    background: -moz-linear-gradient(#aeaeae, #d0d0d0);

    background: linear-gradient(#aeaeae, #d0d0d0);

    -pie-background:linear-gradient(#aeaeae, #d0d0d0);

    behavior: url(js/PIE/PIE.htc);