Изображение не функционирует правильно в android app

Я разрабатываю app используя HTML+JavaScript+CSS с Cordova. Этот app использует изображения SVG для того, чтобы они приспособились лучше к различному разрешению, но я встречаюсь с проблемой: хотя изображения появляются хорошо в моем компьютере и в участнике соревнования android, когда я устанавливаю app в устройстве, SVG не видны.

Я предполагаю, что он имеет общее с версией устройства, что я использую, что не вынесет SVG (android 4.1 Хельи Беан); но очевидно он не интересует меня, что мой app виделся без графиков.

Я протестировал посмотрим проблему дело в том, что SVG не был вынесен моей версией Android но следующим кодом (полученный от CSS tricks):

document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1");

он возвращал true что значит, что SVG да вынесен. Кроме того, помещая изображения в один img он делал, что, если они функционировали (я протестировал несколько различных маршрутов, маршрут нижнего CSS правилен и функционирует в участнике соревнования и в браузере)

Я протестировал подсказку Blonfu и это также помогло мне догадываться, что проблема не формат изображения (он не удается с SVG и PNG), а что-то различное. Может, который какое-то свойство CSS, которое вызывало бы какой-то тип конфликта и не удавалось в Android.

Это CSS (предыдущий был минимальной версией):

#answers .option1::before {
    content:"";
    position:absolute;
    height:15vh;
    width:15vh;
    top:-2.5vh;
    left:0;
    background:url("../img/icon1.svg");
    background-size:contain;
    background-repeat:no-repeat;
}

Но останься, не показывая никакого изображения фона себе в устройстве (в то время как да он появляется в участнике соревнования и в браузере).

Что может не удаваться? Почему не видно изображение, и как я могу решать это?

1
задан 13.04.2017, 16:00
1 ответ

Кроме которого я поместил в комментарий да, что ты можешь делать что-то, чтобы показывать изображение или другая: "многообразные фонды", он кладется совсем внутри того же фона, но отделенный с запятыми вместо того, чтобы повторять свойство, как ты сделал:

 background-image: url('../img/miImagen.svg'), url('../img/miImagen.png')

В действительности то, что ты делаешь, состоит в том, чтобы использовать два изображения одновременно, но функционирует, если он бьет козырем одну, проблема могла бы быть, если у тебя есть два отличных изображения и прозрачность, потому что было бы видно изображение внизу, но в твоем случае, который они будут равны, он не был бы должен давать проблемы.

ОБНОВЛЕНИЕ:

С полным кодом я вижу, что использованы единицы vh чтобы определять размеры элемента, перед Android 4.4 не были вынесены эти единицы, из-за которого псевдо-элемент ::before у него нет размера и он не появляется, нужно менять единицы, в процентное содержание например.

1
ответ дан 24.11.2019, 13:44
  • 1
    Этот ответ, хотя оно я не функционировало (не виден png также), служил мне многой утилитой. Он сделал, что я d и # 233; счет что, как ты предлагаешь, какое-то из свойств (как background-size или другая) верьте во что-то из конфликта и они способствуют тому, чтобы оно не явилось хорошо изображением фона. Я буду обновлять вопрос с c и # 243; я говорю, что я действительно имею, если ты видишь что-то пока немного доказательств. Спасибо! – Alvaro Montoro♦ 03.08.2016, 16:09

Теги

Похожие вопросы