2014-01-29 2 views
0

У меня есть этот CSS кода для моего элемента, который работает в Firefox и хром:переходов в IE

.button { 
border : 1px; 
background : #fff; 
transition : 1s; 
} 

.button:hover { 
border : 2px; 
background : #000; 
} 

И я установить «переходный: 1s» для этого элемента.

Но теперь этот переход не работает в Internet Explorer.

Итак, что я могу сделать, чтобы иметь переход в IE для этого элемента в течение 1 секунды?

И если Transition не поддерживается в IE 8-9, мы можем сделать это с помощью JQUERY?

+0

только IE10 поддерживает переход: https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_transitions#Browser_compatibility –

+0

@CristinaCristea спасибо, я отредактировал мой вопрос. можем ли мы использовать JS, чтобы сделать что-то подобное? – user3248595

+0

IE 10+ поддерживает переходы. Если понадобится, вы можете использовать полифильм для устаревших браузеров. –

ответ

0

согласно тому, что вы писали, он должен работать по умолчанию в Internet Explorer, как «переход» правильно используется ею. Вы используете более низкую версию IE? Это может быть тот, который не поддерживает переходы

Если вы, ребята, предоставите скрипку, которая поможет!

Формата Я сам использую, чтобы гарантировать перекрестные переходы браузера, я использую:

webkit-transition: ~~; 
-moz-transition: ~~; 
-o-transition: ~~; 
transition: ~~; 

Это, как правило, обеспечивает совместимость браузера, я надеюсь, что это помогает!

1

какая версия IE вы используете? попробуйте проверить совместимость здесь http://caniuse.com/#search=transition.

, потому что ваш код работать http://jsfiddle.net/bFd9A/1/

.button { 
border : 1px; 
background : #fff; 
-webkit-transition : 1s; 
-moz-transition : 1s; 
-o-transition : 1s; 
transition : 1s; 
} 

.button:hover { 
border : 2px; 
background : #000; 
} 
Смежные вопросы