2015-07-14 22 views
10

Vì vậy, với HTML này, hình nền chỉ tải tốt trong Firefox, IE và Chrome. Nhưng trong Safari, nó chỉ bỏ qua nó.Safari không hiển thị hình ảnh trong lồng nhau SVG

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
    <title></title> 
</head> 
<body> 
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 141.72999572753906 255.1199951171875"> 
    <image xlink:href="http://labels.labellogiclive.com/alfresco_10_p1_alf001_uk__v0.svg" preserveAspectRatio="none" x="0" y="0" width="141.73" height="255.12"></image> 
    </svg> 
</body> 
</html> 

Bây giờ tôi nghĩ rằng nó có thể là một vấn đề máy chủ, không đưa ra các tiêu đề chính xác, nhưng tôi đã kiểm tra và có vẻ tốt (image/svg+xml). Vì vậy, tôi đang ở một chút mất mát ... Bất kỳ ý tưởng?

+1

@Siguza nghiêm túc !? Vì vậy, nếu bạn mở http://storage.labellogiclive.com/test_svg.html trong Chrome và Safari, bạn thấy chúng giống hệt 100% !? – Siyfion

Trả lời

1

Tôi đã gửi báo cáo lỗi với Apple qua Trình báo cáo lỗi của Apple với ID lỗi 21959574. Hy vọng rằng một người nào đó tại Apple sẽ lưu ý và khắc phục sự cố cơ bản.

3

Cuộc đấu tranh Safari với các yếu tố SVG <image> lồng nhau sâu sắc.

Xem, ví dụ, các ý kiến ​​ở đây: Embed SVG in SVG?

bạn <image> tải đầu tiên khác SVG, mà bản thân nó bao gồm một <image> đó tải ảnh nền. Nếu bạn kết hợp phần tử trong cùng một phần tử (ảnh) vào phần ngoài cùng của SVG, nó hoạt động tốt.

+1

Vì những lý do mà tôi không thể thực sự dễ dàng truy cập ở đây, tôi không thể đơn giản "hợp nhất" hai tệp SVG, cả hai đều chứa dữ liệu rất khác nhau (cuối cùng) cần được phân tách riêng. Tuy nhiên, nếu đây là trường hợp, có vẻ như không có một sửa chữa cho Safari. Có lẽ tôi nên nêu nó như một lỗi với Apple? – Siyfion

+1

Bạn có thể hợp nhất chúng trong thời gian chạy, bằng cách tiêm một bên trong vào bên ngoài với JS? Bạn không chắc chắn ý nghĩa của mình là "được phân tách riêng", vì vậy nếu bạn cung cấp thêm một số chi tiết về cách bạn đang tạo và sử dụng các SVG này, tôi sẽ giúp bạn làm việc gì đó. – ivanreese

+1

@Siyfionit Sẽ rất tuyệt nếu bạn có thể gửi lỗi này với Apple! – thomasfuchs

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