2013-08-16 4 views
0

У меня есть HTML код.Наведение мыши не работает в IE7?

<input type="button" class="myButton" value="Text"></input> 

CSS

input.myButton{ 
    background: url("../images/button.png") no-repeat top left; 
    height: 21px; 
    cursor: pointer; 
    width: 78px; 
    text-align: center; 
    color: #696969; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 11px; 
    border: medium none white; 
} 
input.myButton:hover{ 
    background: url("../images/button-active.png") no-repeat top left; 
    color: #FFFAF0; 
} 

Но мышь парения не работает в IE7. Я хотел бы изменить изображение :hover.

Как я могу это сделать? он отлично работает в браузере FireFox.

Спасибо!

+0

Добавить JS Fiddle, пожалуйста. – Yotam

+1

У меня нет IE7, но, может быть, вход для IE7 не имеет состояния зависания для ввода? Попробуйте: сосредоточьтесь и посмотрите, изменится ли он – Huangism

+0

ЕСЛИ не через CSS, есть ли другая альтернатива? – user1016403

ответ

4

Я думаю, что IE7 настолько старый наведение не работает ни на чем, кроме a. Я помню, что это было проблемой в IE.

Вы можете написать обходное решение, в котором используется слушатель onmouseover/out, который устанавливает класс.

0

лучше использовать JQuery, потому что поддержка CSS парения в IE меняется от версии к версии

+0

Как написать его с помощью jquery? – user1016403

0

Спецификация для IE7 заключается в том, что псевдо-класс hover будет работать только в теге a. Вы можете обойти это, используя полипол. Я очень рекомендую Selectivizr. Он позволяет использовать большинство псевдокласс для старых или неподдерживаемых браузеров.

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