Jump to content

Report

  • Similar Content

    • By Schamil74
      Всем привет!
      Столкнулся проблемой отображения svg спрайтов в ie11.
       
      Описываю проделанные мною два варианта:
      В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg.
      Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки.
       
      Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: 
      svg.contacts__flag(width="60", height="90")
         use(xlink:href="#flag")
       
      Ниже сама верстка со спрайтом только 2го варианта
      https://schamil74.github.io/Mishka
       
      Таск для спрайтов
      gulp.task('symbols', function () {
          return gulp.src("source/img/icons/*.svg")
              .pipe(svgmin())
              .pipe(cheerio({
                  run: function ($) {
                      $('[fill]').removeAttr('fill');
                      $('[stroke]').removeAttr('stroke');
                      $('[style]').removeAttr('style');
                  },
                  parserOptions: {xmlMode: true}
              }))
              .pipe(replace('>', '>'))
              .pipe(svgstore({
                  inlineSvg: true
              }))
              .pipe(rename("symbols.pug"))
              .pipe(gulp.dest("templates/blocks/"));
      });
       
      Скрин того, что видит chrome и firefox (слева), и ie11 (справа). Повторюсь, что не все иконки не отображаются

       
      Пробовал подключать svgxuse и svg4everybody, но толку нет.
       
      Какую еще предоставить инфу?
      PS: Я все еще новичок.
    • By Schamil74
      Всем привет!
      Столкнулся проблемой отображения svg спрайтов в ie11.
      Есть два варианта:
      В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg.
      Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки.
       
      Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: 
      svg.contacts__flag(width="60", height="90")
      use(xlink:href="#flag")
    • By leshiple
      Подскажите почему столбцы в .g-main-content  не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE).
       
      А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px.
       
      Ссылка.
    • By kattiperk
      Всем привет.
      Может, кто сталкивался с такой проблемой.
      При наведении и/или нажатии на button и input получаются такие рамки в браузере IE10.
      Зачем эта падла так? Я ни разу такого не видела.
       
      Кто что знает?
       
      http://joxi.ru/p27LXw5SnEGoA7
    • By Johnney
      Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть.
      Почему это происходит?
      http://cssdeck.com/labs/full/a7jvce0r
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy