Chính xác những quy tắc nào để tránh cảnh báo "nội dung hỗn hợp" trong IE do hình nền?

Question

Điều này liên quan đến SSL and mixed content due to CSS background images nhưng câu hỏi đó không có câu trả lời được chấp nhận và câu hỏi tôi yêu cầu cụ thể hơn một chút.

Trong một số trường hợp khi truy cập trang web HTTPS, IE sẽ ném cảnh báo "nội dung hỗn hợp" nếu phần tử được đưa ra một kiểu có hình nền. Tôi thấy one forum reference mà nói cảnh báo có thể tránh được nếu bạn đặt các tài liệu tham khảo trong một kiểu, ví dụ

#someElement a { 
    width:11px; 
    height:11px; 
    display:block; 
    overflow:hidden; 
    background:url(../images/sprites_list.png) no-repeat; 
    cursor:hand; 
    cursor:pointer; 
    background-position:0px -72px; 
} 

nhưng không nếu bạn cố gắng để tạo ra các inline yếu tố, a la

$('#someElement').append("<a title='something' style='background: url(../images/sprites_list.png) no-repeat; ... // etc 

và thực sự , điều này làm việc cho tôi. Tôi đã thấy những người khác nói rằng bạn phải sử dụng URL https tuyệt đối để tham chiếu đến hình ảnh chứ không phải là hình ảnh tương đối.

Câu chuyện có thật ở đây là gì? Có một số giải thích "chính thức" hay ít nhất là một tham chiếu đến những quy tắc đó là gì? Hoặc thất bại, có một bộ tiêu chuẩn hướng dẫn mà nếu theo sau làm cho nó rất khó để kích hoạt cảnh báo?

Answer 1

Sử dụng URI đủ điều kiện sẽ tránh được sự cố của IE8 và dưới đây không chính xác tạo URI không có thật như about: /relative/file.png kích hoạt cảnh báo nội dung hỗn hợp. Vấn đề này đã được sửa trong IE9.

Answer 2

Tôi nghĩ lý do bạn nhận được kết quả khác nhau không phải vì phương pháp một "an toàn hơn", nhưng vì URL vi phạm không có trong tài liệu cơ sở khi IE tải nó. Tôi hy vọng bạn sẽ nhận được cảnh báo nếu bạn đã đặt trực tiếp số đó A trong tài liệu thay vì viết kịch bản sau khi trang đã tải.

Nếu tôi đúng trong chẩn đoán của tôi, điều này có nghĩa là không có bất kỳ điều gì chưa được nêu trong quy tắc về nội dung hỗn hợp.

Ngoài ra: URL tương đối giao thức thật tuyệt vời. Nói chung.

Answer 3

Sau vô số giờ cùng một vấn đề, tôi không thể tìm ra vấn đề. Sau đó tôi bắt đầu chọn mã nguồn của mình và tìm thấy nó. Tôi đang sử dụng HTML5 và tôi đang sử dụng shiv bên trong nhận xét có điều kiện để làm cho các phần tử HTML5 hoạt động trong IE8 trở xuống.

<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 

Vấn đề của tôi là IE8 trở xuống đã xảy ra lỗi. Vấn đề đó đã được giải quyết bằng cách thay đổi ở trên thành https, với những điều sau đây:

<!--[if lte IE 8]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 

Tôi chưa thử nghiệm, nhưng tôi tưởng tượng những điều sau đây cũng có thể hoạt động.

<!--[if lte IE 8]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 

Nó có thể cứu ai đó xuống đường. Nếu không, thì chúc may mắn!