2009-03-20 29 views
13

Tôi vừa tải xuống bản phát hành đầy đủ của IE8 để tôi có thể thử nghiệm một trang web mà tôi vừa tạo. [Ví dụ đã xóa]Kết xuất của IE8 về các png trong suốt được FUBARed trên trang web của tôi

Tập trung vào hình nền thanh bên trái. Giả sử nó là một hình ảnh .png bán trong suốt 1x1 lặp lại. IE8 làm cho nó như một gradient !!! Nó thậm chí còn trở nên hấp dẫn hơn khi bạn cố gắng cuộn cửa sổ của bạn hoặc di chuột qua thanh bên.

Tôi đã thử nghiệm trang web này trong các trình duyệt thông thường (IE7, Firefox và Chrome). Nó trông chính xác như tôi thiết kế nó trong này. IE8 là FUBARed mặc dù. Tôi đã cố gắng để thiết lập IE8 để "IE7" chế độ nhưng nó vẫn có vẻ crappy. IE 8 ở chế độ IE7 rõ ràng là không giống như IE7 thực. Ngay cả "thẻ meta IE7" cũng không hoạt động.

Có ai khác có vấn đề như thế này không? Tôi nghĩ IE8 được cho là một sự cải tiến, không phải là một bước lùi.

P.S. Vui lòng tha thứ đánh dấu crappy trên trang này. Tôi đã sử dụng tính năng "lưu toàn bộ trang" của IE.

+0

Tôi không nhìn thấy vấn đề này. Nó trông giống hệt nhau trên IE 8.0.6001.18702 giống như trên FireFox 3.0.7 – mhenry1384

+0

Tôi gặp sự cố này trên phiên bản chính xác mhenry1384 đề cập ở trên, IE 8.0.6001.18702. Như được đề xuất bên dưới, thay đổi hình nền .png Tôi đang sử dụng pixel 1x2 đã giải quyết được sự cố. Cảm ơn vì đã đăng câu hỏi. – zombat

Trả lời

24

Nó có thể là lỗi kết xuất trong IE8, hoặc có lẽ đó là một số chức năng để làm mịn các cạnh của hình ảnh lặp lại mang đến cho bạn kết quả không mong muốn. Dù bằng cách nào thì cũng không ngạc nhiên khi bạn gặp vấn đề khi sử dụng một hình ảnh nhỏ như vậy. Bạn có nhận ra rằng trình duyệt phải vẽ hình ảnh 190152 lần để hiển thị trang không?

Tôi đang sử dụng hình chữ nhật bán trong suốt 10x10 làm nền cho div trong một trang và nó chỉ hiển thị tốt trong IE8.

+0

Kích thước hình ảnh không quan trọng đối với việc điền hình vào các phương tiện hoạt động. Phần mềm (hoặc tăng tốc phần cứng) thiết lập màu của từng pixel bằng cách lấy màu pixel được bù đắp trên mẫu điền toán học. Vì vậy, pixel trong (10,10) sẽ được lấp đầy bởi (5,5) của mẫu 5x5, (2,2) của mẫu 4x4 hoặc (1,1) của mẫu 1x1. Thậm chí nhiều hơn, một mô hình 1x1 có thể được đưa ra một trường hợp đặc biệt, có nghĩa là tất cả các khu vực sẽ được lấp đầy với một màu đồng nhất, và điều này có thể làm tăng tốc độ cho một số nền tảng. Vì vậy, đừng ngần ngại sử dụng người trợ giúp 1px khi cần. – SuperDuck

+0

@SuperDuck: Kích thước không quan trọng, nhưng rõ ràng là vậy. Tôi nhớ Netscape 4, nơi hình ảnh lặp lại không hoạt động chút nào trừ khi chúng rộng vài pixel ... – Guffa

+0

Vâng, nó quan trọng vì một số lỗi. Nhưng tôi có nghĩa là không hiệu suất khôn ngoan (ví dụ: số lượng gạch không tạo ra sự khác biệt). Hình ảnh 1x1 thường được sử dụng bởi phần mềm bao gồm Dreamweaver và MS. Dù sao, tôi thấy bạn quan tâm và đó là lý do tại sao tôi sử dụng để sử dụng hình ảnh rộng lớn hơn trong thời kỳ Netscape. – SuperDuck

2

Tôi đã khắc phục lỗi và đó không phải là vấn đề về gamma được đề cập trong bài đăng khác. Vấn đề của tôi là do hình ảnh có kích thước 1x1 pixel. Tôi chỉ thay đổi nó thành 1x2 và nó đã khắc phục được vấn đề. Weird

[sửa] Chỉ cần nhìn thấy bài viết của Guffa sau khi tôi hỏi điều này. Xem câu trả lời của anh ta.

+5

Tôi chắc chắn sẽ làm cho nó lớn hơn thế. Hình nền thực sự nhỏ đã gây ra các vấn đề hiệu suất khủng khiếp trong các trình duyệt của quá khứ. Bumping nó lên đến, nói rằng, 64x64 sẽ không chi phí cho bạn nhiều kích thước tập tin. – bobince

+1

Tôi đã thử đầu tiên với hiệu chỉnh gamma bằng cách sử dụng pngcrush - không hoạt động - vì vậy tôi đã thử phương pháp này - hình ảnh 5x5 px vẫn không nhận được, cũng không phải 10x10 - vì vậy đã thử với 64x64 và nó hoạt động huyền diệu. – easwee

1

Tôi gặp vấn đề tương tự với trang web tôi đang xây dựng. Vấn đề chỉ xảy ra trên 50% các máy tính với ie8 nó đã được thử nghiệm trên, tôi đã xây dựng nó cho một công ty CNTT để có quyền truy cập vào rất nhiều máy tính. Chúng tôi đã có thể "khắc phục" sự cố bằng cách chuyển đổi Tăng tốc phần cứng trên các máy sự cố, chứ không phải sự cố đó thực sự là một sự cố.

+0

bật hoặc tắt: chuyển đổi không phải là idempotent –

1

Cảm ơn sự giúp đỡ về vấn đề này - một lỗi lạ.

Tôi cũng gặp sự cố trên 50% máy tính chạy IE8 (có quyền truy cập vào một số máy khá). Khi tôi có một png bán trong suốt 1x1px làm hình nền trên một div với CSS, IE sẽ làm cho điều này như là một gradient dọc, trong suốt sôi nổi.

Thay đổi hình ảnh nguồn thành px 5x5px cùng độ mờ đục cố định lỗi ... chuyển tới IE!

1

Vấn đề là png ban đầu của tôi là 1 × 1, và vì lý do gì IE8 được không thích cố gắng để gạch đó và xử lý minh bạch alpha cùng lúc . Khi tôi vô tình lưu hình ảnh đó với một bản sao lớn hơn nhiều, tôi đã có trên khay nhớ tạm, 100 × 100, nó đã kết thúc lên sửa chữa bất kỳ sự cố nào Internet Explorer đang xử lý tính minh bạch của png.

Source

Các vấn đề liên quan