Sử dụng các thuộc tính CSS3 cho IE với PIE

Đăng bởi supernovice trong mục Hướng dẫn vào 21 tháng 7, 2010 | Comments

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.

Bạn có thích bài viết này?

supernovice's picture

supernovice

Phạm Văn Du - Web developer , SEO Guru tại Bình Dương

Trang chủ - Twitter