CSS sprites và IE6

Question

IE6 có hỗ trợ css-sprites không?

Answer 1

CSS sprites là giải pháp chung sử dụng vị trí backround, có thể thậm chí trong IE5.

Một hướng dẫn tốt về họ nằm ở đây: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

Answer 2

Yes.

CSS sprites chỉ là một kỹ thuật để sử dụng bù đắp trên hình ảnh nền để hiển thị các phần khác nhau của cùng một hình ảnh trong các yếu tố khác nhau.

Tôi sử dụng CSS sprites trên ví dụ menu chính trên the website của công ty tôi làm việc cho và các cờ trên số web site của riêng tôi. Tôi bắt đầu sử dụng nó trước khi nó còn được gọi là CSS sprites ...

Answer 3

Các trình duyệt hỗ trợ thuộc tính vị trí nền cũng sẽ hỗ trợ CSS sprites.

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

Xin hãy nhìn vào những câu hỏi sau đây cũng

CSS Sprites images rendered with bad quality in IE

CSS Sprite Help

Answer 4

Yes. Nếu bạn đang sử dụng PNG mặc dù bạn nên xem xét một vài điều. Dưới đây là một bản tóm tắt phong nha của IE 6 vấn đề PNG:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

Answer 5

Tôi đã gặp IE6 CSS Sprites vấn đề bản thân mình - I blogged it here:

Có một sửa chữa thực sự dễ dàng - Tôi trích dẫn bản thân mình ở đây ...

May mắn thay, giải pháp không quá tệ. Internet Passor passimers dường như bỏ qua tràn: ẩn khi một phần tử con được thiết lập để vị trí: tương đối. Không tốt ... nhưng giải pháp rất dễ dàng - thiết lập các yếu tố với tràn: ẩn để cũng được vị trí: tương đối và sau đó thay đổi vị trí: khai báo tương đối trên các con được vị trí: tuyệt đối ... các công việc một goodun.

Chi tiết đầy đủ có thể được tìm thấy trên liên kết đó.

Answer 6

Có IE 6 hỗ trợ sprites nhưng không hỗ trợ độ trong suốt 24 bit PNG.

Tôi sử dụng tính năng này css hack để cung cấp cho IE < 7 một tệp gif và mọi thứ khác một png 24 bit có độ trong suốt.

background-image:url(/images/sprites/icons-sprite.png); 
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */ 

Answer 7

Bạn chỉ có thể sử dụng trực tuyến sprites generator. Có rất nhiều người trong số họ có sẵn miễn phí và hầu hết trong số họ hỗ trợ tất cả các trình duyệt.

Answer 8

Bạn cũng có thể sử dụng Keo http://gluecss.com/ Đây là công cụ dòng lệnh nguồn mở để tạo sprites.

Answer 9

Sprites có thể hoạt động hoàn hảo trong ví dụ6. Nhưng hình ảnh png sẽ không hoạt động, vì vậy hãy sử dụng gif. Nếu bạn xử lý một gif với Smush.nó để loại bỏ tổn thất trên không, bạn có thể nhận được kích thước tệp nhỏ hơn png tương ứng.