CSS3 cho trình duyệt Internet Explorer 6-7-8 với PIE

  • CSS tutorial
  • 23 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

CSS3 cho trình duyệt Internet Explorer 6-7-8 với PIE

Bài viết trước có giới thiệu tính năng bo góc và đổ bóng cho trình duyệt Internet Explorer với htc file của tác giả Remiz Rahnas và Nick Fetchak, nó rất nhẹ và tương đối đơn giản tuy nhiên nó không thực sự hổ trợ đầy đủ các tính năng border-radius, box-shadow, text-shadow chẳng hạn như bạn không thể bo góc theo các góc tùy chọn hay chỉ đổ bóng được với màu đen và sự hiển thị của chức năng đổ bóng cũng hơi khác so với các trình duyệt hiện đại.

Sau một thời gian thử nghiệm rất nhiều các chương trình để đem tính năng của CSS3 tới trình duyệt IE 6-8 như cssSandpaper, modernizr, jquery.boxshadow, jquery.textshadow, CSStender... cá nhân tôi cho rằng chương trình của PIE là tuyệt nhất với rất nhiều ưu điểm so với các chương trình khác.

Một số ưu điểm nổi bật của PIE

Sau khi thử nghiệm đây là một số ưu điểm nổi bật mà cá nhân tôi nhận thấy

  • Cung cấp cả file htc và js
  • Kích thước file khá nhẹ chỉ khoảng 40KB
  • Không cần dùng các thư viện JavaScript
  • Sử dụng đơn giản
  • Có thể áp dụng như các thuộc tính CSS3 thông thường
  • Cung cấp thêm prefix của PIE
  • Hổ trợ đầy đủ tính năng CSS3 mà PIE hổ trợ
  • Hiển thị đồng nhất trên các trình duyệt
  • Giới thiệu dễ hiểu và đây đủ trên site

PIE phiên bản 1.0.0 hổ trợ các tính năng CSS3 như sau

border-radius

Bo góc đầy đủ, sử dụng như CSS3 thông thường, có thể viết shorthand và cung cấp thêm prefix -pie-.

box-shadow

Đổ bóng đầy đủ, hiển thị đồng nhất, sử dụng như CSS3 thông thường, màu đổ bóng tùy ý tuy nhiên màu đổ bóng chỉ hổ trợ hệ màu thập lục phân và rgb truyền thống mà chưa hổ trợ hệ màu rgba. Cung cấp thêm prefix -pie-.

CSS3 Backgrounds, Gradient (-pie-background)

với background PIE chỉ sử dụng với prefix -pie-. PIE hổ trợ đa hình nền cũng như màu nền chuyển sắc đầy đủ sử dụng như CSS3 thông thường nhưng PIE chỉ chấp nhận cách viết shorthand.

RGBA

PIE hổ trợ hệ màu rgba như CSS3 thông thường cho -pie-background.

Để biết thêm thông tin về các tính năng CSS3 mà PIE hổ trợ cũng như để tải chương trình và được sự hổ trợ đầy đủ từ PIE bạn truy cập css3pie.com.

  • Chia sẻ
comments powered by Disqus