Вот скрипка:Линейно-Gradient в IE10 действий «странно»
http://jsfiddle.net/e80fen4p/2/
EDIT: Вы можете просто выделить все результат DIV и вы увидите, что цвета изменяются обратно к тому, что они должны быть. Я предполагаю, что это не проблема. Если его легко «исправить», просто выделив его, это, вероятно, не проблема с кодом.
В основном это работает как в IE11, так и в Chrome и Firefox, но если вы сделаете эту скрипту в IE10, вы заметите, когда дочерний div slideToggles, цвет фона начинается в дочернем div, а не расширяется, чтобы включить дочерний div по мере его расширения.
Если вы попробуете эту скрипту в IE10, вы должны увидеть, что я имею в виду. Он будет выглядеть нормально во всех других браузерах.
Мне интересно, есть ли что-нибудь, что я могу сделать, чтобы изменить мой CSS-код, чтобы он работал правильно и в IE10.
Я пробовал:
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #A4A4A4 100%);
, но она все равно ничего другого в IE10 не делать. Обычный способ я использую это
background: linear-gradient(#FFFFFF, #A4A4A4);
, который работает в IE11 и всех остальных браузеров. Кажется, это просто IE10, который бросает меня через цикл.
Странная часть, если я открываю инструменты разработчика и выделяю любой из div, цвета сбрасываются и выглядят так, как будто они должны смотреть, когда div расширяется. Для меня это явно говорит о том, как IE10 отображает его при первом запуске кода.
Все, что я могу сделать, или это просто люди IE10 собираются увидеть это несколько иначе. Эта ошибка не останавливает мой код от работы, или веб-страница из-за ее использования просто заставляет ее выглядеть странно.