CSS Pseudo Active: почему wont: активное смещение положения фона не будет работать в IE? - PullRequest
Новая
       34

CSS Pseudo Active: почему wont: активное смещение положения фона не будет работать в IE?

0 голосов
/ 23 апреля 2011

ПРИМЕР: http://jsfiddle.net/9BygQ/5/

Если вы протестируете пример в Chrome, вы увидите, что on: active кнопка кажется нажатой. Почему активное псевдо-состояние непохоже, что-то влияет в IE?

Эта проблема беспокоит меня уже некоторое время ...

Любите помочь!

Приветствия

1 Ответ

0 голосов
/ 11 мая 2011

Вот, по крайней мере, подсказка:

вы, возможно, видели, что в IE триггер: active запускается с правой стороны кнопки.то есть область отступа 10px справа.Таким образом, кажется, что пока ваш <span> выше <a>, IE активирует: hover, но не: active.(я могу ошибаться, я нашел это поведение, только нажав везде :))

Поэтому я попытался повернуть <a> и <span>, и это почти работает (все еще есть проблема с правой стороной изображения)

Вот новый код

HTML <a><span>SEXY BUTTON</a></span></a>

CSS span  a{  background:url('http://thebeer.co/imgs/UI/sprite.png') right -548px  no-repeat; padding-right:10px;  color:#CCC; font-size:12px;}

span{width:200px;display:block;background:url('http://thebeer.co/imgs/UI/sprite.png') -1348px -475px  no-repeat; padding:10px 11px;  padding-right:2px; text-align:center; font-family:medium; text-transform:uppercase; letter-spacing:1px;}

a:hover{color:#F97216;}
a:active{background-position:right -584px; color:#666;  cursor:pointer;}
a:active > span  {background-position:-1348px  -511px ;}

Я не уверен, что это решит вашу проблему, но я надеюсь, что это поможет:)

...