- 0
Не работает выравнивание инлайн-блоков по ширине в IE10 и IE11
-
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
-
Question
Johnney
Приветствую!
Возникла проблема. Кнопки Reset и Submit не прилипают к правой стороне своего контейнера в IE10 и IE11.
В остальных свежих браузерах всё работает правильно.
Не пойму что не так.
http://cssdeck.com/labs/full/iavhhilc
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.