Sử dụng các thuộc tính CSS3 cho IE với PIE
PIE (Progressive Internet Explorer) - một tiện ích giúp IE6 IE7 IE8 có thể hiển thị được đầy đủ các tính năng của CSS3 như border-radius, box-shadow, border-image, multiple background images, linear-gradient như background image.
Việc sử dụng PIE cũng rất đơn giản, bạn chỉ cần upload file PIE.htc lên server và trỏ đường dẫn về nó trong file CSS: behavior: url(path/to/PIE.htc);
Cách sử dụng
Ví dụ đơn giản về hiển thị border-radius trong IE6-8 ta có thể làm như sau
border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #EEFF99; behavior: url(/PIE.htc);
Bạn có thể xem thêm các demo tại trang chủ PIE để hiểu biết thêm các thuộc tính CSS3 đang rất phổ biến hiện nay.
