IE7 và 8 Treo ngẫu nhiên trên hình ảnh CSS

Question

Chúng tôi có một ứng dụng ASP.NET 3.5 đã được sản xuất trong hơn một năm. Bản phát hành cuối cùng của chúng tôi là một vài tháng trước. Chúng tôi sử dụng CSS để tạo kiểu và áp dụng các hình nền cho các div và như vậy. Máy chủ là Windows 2003 với IIS.

Đột nhiên, trong tuần này, chúng tôi đã có báo cáo từ một số người dùng rằng trang có vẻ như bị treo trong khi tải. Thanh trạng thái đang hiển thị tên của hình nền được sử dụng trong khu vực chính của trang (được chỉ định bằng CSS). Tại văn phòng của chúng tôi, một số người trong chúng ta có thể tái tạo vấn đề, trong khi những người khác thì không. IE6 và Firefox dường như không bị ảnh hưởng, chỉ có IE7/8. Chạy Fiddler trên một máy bị ảnh hưởng và cố gắng để xem những gì đã xảy ra với các yêu cầu dường như làm cho vấn đề biến mất (trong khi chạy qua Fiddler, nó trở lại khi không). Làm mới một tải treo thường làm cho tải trang tốt.

Tôi đã chọn hình nền và thậm chí đã thay thế hình ảnh đó bằng bản sao đã lưu trữ. Không vui. Chúng tôi đã triển khai lại ứng dụng từ nguồn sản xuất của mình. Không có Joy. Chúng tôi đã khởi động lại IIS và cuối cùng khởi động lại toàn bộ máy chủ. Không có mục nhập bất thường nào trong nhật ký sự kiện, nhật ký ứng dụng hoặc nhật ký IIS. Cuối cùng, tôi đã xóa hoàn toàn hình ảnh và đổi kiểu trang để không sử dụng hình nền. Điều đó giải quyết được vấn đề ít nhất là bây giờ.

Tuy nhiên, chúng tôi có báo cáo về các hình ảnh khác "treo". Hình ảnh là PNG, nhưng tôi đã nghe một số tin đồn rằng đôi khi GIF bị treo, nhưng tôi không có ảnh chụp màn hình để xác nhận.

Điều này mới bắt đầu xảy ra "ngoài màu xanh". Gần đây, không có bản phát hành hoặc bản cập nhật nào được áp dụng cho máy chủ. Chúng tôi thậm chí đã kiểm tra cập nhật trên máy khách để xem liệu Windows Update gần đây có thể gây ra điều này trên máy khách hay không, nhưng không có gì cập nhật trong vòng vài tuần qua.

Nếu bạn có bất kỳ thông tin nào về vấn đề này, tôi rất muốn nghe ý kiến ​​của bạn. Tôi cũng sẽ đánh giá rất cao bất kỳ đề xuất nào về chẩn đoán bổ sung mà chúng tôi có thể thử.

Answer 1

Các hình ảnh được lưu trữ trên cùng một máy chủ/trang web có phải là trang web chính không? Nó có thể là một vấn đề mạng/DNS?

Answer 2

Tôi có thể đề xuất bạn xem xét kỹ hơn về phiên bản/nội dung PNG của mình không?

Tệp PNG hỗ trợ kênh alpha, cung cấp hình thức minh bạch. IE 6 KHÔNG hỗ trợ các kênh alpha và do đó có thể xử lý hình ảnh của bạn một cách khác nhau. IE 7 & 8 hỗ trợ kênh alpha.

Answer 3

Có phải tên hình ảnh là lạc đàCó hoặc PascalĐược xác định theo cơ hội? Chúng tôi gặp sự cố với hình ảnh không phải tất cả đều được hạ thấp. Ngoài ra, nếu bạn chuyển sang CDN như S3, bạn sẽ muốn mọi thứ được hạ thấp hơn (chỉ trong trường hợp).

Pls đăng CSS và đường dẫn bị xáo trộn vào tệp.

Answer 4

Điều này có xảy ra trên cả mạng Intranet và các nguồn bên ngoài của bạn không? Điều này đã được kiểm tra bên ngoài mạng nội bộ chưa? (Điều này nghe có vẻ liên quan đến DNS.)

Answer 5

Có một số khả năng cho lỗi này rõ ràng, nhưng tôi gặp phải vấn đề, tôi có thể khắc phục vấn đề, và vì vậy tôi nghĩ tôi sẽ chia sẻ với cộng đồng sửa lỗi của tôi.

Tôi có một cái gì đó giống như

background-image: url("/myapp/images/expand_title_off.gif"); 
background-repeat: no-repeat; 
background-position: center center; 

bên trong của một thuộc tính phong cách cho một phần tử span.

Đối với IE7, tôi kết hợp tất cả các thành một tài sản nền duy nhất như

background:url("/myapp/images/expand_title_off.gif") no-repeat center center; 

IE7 không nhìn quá vui lòng vào cố gắng sử dụng các thuộc tính cụ thể. Đối với tôi, cả kiểu cũ lẫn phong cách mới đều hoạt động tốt với chrome, vì vậy chắc chắn là một vấn đề IE7.