в настоящее время пытается создать лучший якорь с фоновым изображением, зависанием и активными этапами. Вот что я имею на этот момент. Он отлично работает во всех браузерах, за исключением IE, если я нажимаю на span (левая сторона 15px отлично работает, так как это якорь). Вот пример link text. Есть идеи? Я хочу сохранить текущий код, не абсолюты, не javascript. Я могу добавить свойство CSS как span: active или focus, но таким образом не могу изменить положение фона привязки.IE hover/focus/active anchor and span, no javascript
Вот HTML код:
<a href="#" title="Lorem ipsum noster"><span>Lorem ipsum noster</span></a>
Вот код CSS:
a {float: left; padding-left: 15px; background: url(i.png) no-repeat -285px 0; text-decoration: none; color: grey; cursor: pointer; overflow: hidden}
a span {float: left; height: 24px; line-height: 22px; padding-right: 30px; white-space: nowrap; background: url(i.png) no-repeat 100% 0; margin-right: -15px;}
a:hover {color: black}
a:active, a:focus {background-position: -285px 1px; color: red;}
a:active span, a:focus span {background-position: 100% 1px; color: red; line-height: 24px;}
Давайте посмотрим, что вы знаете :)