- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
Sử dụng PIE để thêm CSS3 cho trình duyệt Internet Explorer 6-7-8
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
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.
Chúc các bạn thành công.
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
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.
Chúc các bạn thành công.
Nguồn: sothichweb.com
Bài viết liên quan
Bài viết mới
