2014-10-02 2 views
0

Вот скрипка:Линейно-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 собираются увидеть это несколько иначе. Эта ошибка не останавливает мой код от работы, или веб-страница из-за ее использования просто заставляет ее выглядеть странно.

ответ

1

Я добавил:

height: 100%; 
margin: 0; 
background-repeat: no-repeat; 
background-attachment: fixed; 

и он начал работать. его не идеально, и это не совсем то же самое, но по крайней мере его работа.

Разница заключается в том, что при ее минимизации (slideToggled) она отображает только верхнюю часть цветов div, она не отображает полный градиент в минимизированном div, но это не большое дело, просто косметическое. Это лучше, чем то, что он делал.

Смежные вопросы