2013-08-27 53 views
11

Tôi có biểu tượng .svg trên trang web của mình, http://www.dailydoog.com và hiển thị chính xác trong mọi trình duyệt ngoại trừ Internet Explorer. Ngay cả các phiên bản mới hơn của IE (9+) có hỗ trợ SVG tích hợp sẽ không hiển thị biểu trưng.SVG không hiển thị trong IE

Tôi đang sử dụng đánh dấu sau

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

nhưng nó dường như không được có bất kỳ tác động. Tôi chỉ thiếu một cái gì đó thực sự đơn giản ở đây?

+0

Làm cách nào để hiển thị? Loại nội dung nào được trả về từ máy chủ? – madhead

+0

Chuyển đổi nó sang PNG không phải là giải pháp? Nó khá đơn giản cho một SVG ... –

+0

@madhead svg được dựng hình chính xác trong IE, nhưng tôi đã áp dụng một chiều rộng mà không có chiều cao và nó không hiển thị dựa trên các quy tắc CSS mà tôi đã áp dụng. – pdugan20

Trả lời

14

Điều hướng trực tiếp đến SVG được đề cập hoạt động tốt.

Nếu bạn sử dụng Công cụ dành cho nhà phát triển F12 để tắt CSS trên trang, hình ảnh SVG sẽ hiển thị.

Nếu bạn xóa thuộc tính width từ #logo-image img, nó hiển thị hoặc bạn có thể thêm thuộc tính height:35px thay vào đó và SVG sẽ hiển thị.

Có lẽ liên quan đến câu hỏi này? SVG in img element proportions not respected in ie9

+0

bạn là người đàn ông! Cám ơn rất nhiều về sự giúp đỡ của bạn. Tôi chỉ để lại svg ở độ phân giải gốc của nó và bây giờ nó hoạt động chính xác trên tất cả các trình duyệt. – pdugan20

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