Я пытаюсь правильно исправить CSS шаблона блога, чтобы соответствовать основным веб-браузерам.Flexbox не работает корректно в IE10 + и Edge // Странные строки, появляющиеся при прокрутке между divs
Первый: здесь JSFiddle, поэтому вы можете проверить код.
У меня есть две основные проблемы, касающиеся IE10 +/EDGE:
Flexbox кажется, не работает, как это должно быть на IE 10+ и края. Нижний колонтитул над содержимым, а не внизу страницы.
Поскольку flexbox должен работать с IE10 + и Edge, я не понимаю, почему это испортилось.
немного CSS:
body{
display: flex;
flex-direction: column;
}
#index\.php,
#single\.php,
#page\.php,
#search\.php,
#error404\.php {
flex: 1;
}
=> Обертка вокруг содержимого устанавливается в: Гибкий трубопровод: 1;
В принципе, flex используется правильно, и он работает как очарование Chrome и Firefox.
Я попробовал версию для твиновской версии с префиксом -ms-prefixe. Это тоже не сработало.
Другие относятся:
У меня есть некоторые странные линии (высота 1px), который появляется на свиток. Они появляются между дивами, которые имеют фон
background: rgb(255, 255, 255) url('design/background.png') repeat;
изображений на ссылку provided, если вы выделите с помощью мыши (не со свитком лифта), на IE и Edge, он будет показывать только перед "Статьями Qui pourraient vous intéresser "и" Cet article a X commentaires. "или для не французских докладчиков, непосредственно перед комментарием, в нижней части страницы.
Я попытался установить белый фон и фон изображения в родительском div (который обертывает все .row), но он остается.
Любая идея, почему это происходит?