SVG отображается только частично в Firefox

Сейчас я работаю со швейцарской картой в формате SVG. тег непосредственно встроен в.

В Chromium (Linux) все выглядит отлично, но в Firefox (Linux) показана только часть SVG. Сама разметка SVG кажется верной.

Хром:

Fire Fox:

Я создал jsfiddle с исходным кодом для облегчения тестирования:http://jsfiddle.net/MKRXN/

Это проблема Firefox или какая-то проблема с SVG? В любом случае, как я могу заставить это работать правильно?

 John Dvorak30 окт. 2012 г., 10:47
Я думаю, вам нужно указать размеры изображения для Firefox.

Ответы на вопрос(1)

Решение Вопроса

height а такжеwidth вашему родителюdiv а затем установитеsvg высота и ширина до:100%

HTML:


SVG:

<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.0" id="svg_main" style="height: 100%;width: 100%">
</svg>

Проверьте этот код:http://jsfiddle.net/Kgs6J/

 Boris Zbarsky31 окт. 2012 г., 06:59
С другой стороны, вы можете придать SVG полезный внутренний размер, чтобы браузер непо умолчанию это размер CSS заменяемого элемента по умолчанию.
 Danilo Bargen30 окт. 2012 г., 10:51
Хорошо, спасибо! :) Я пытался установить высоту / ширину контейнера div раньше, но пропустил настройку 100% для элемента svg, это 'почему это не такпоначалу у меня нет работы.
 Afshin Mehrabani30 окт. 2012 г., 10:53
@DaniloBargen Да, это потому, что вы должны установитьwidth а такжеheight изsvg в100% для того, чтобы установить родительский размер для дочернего элемента.

Ваш ответ на вопрос