У меня есть ссылка, указанная примерно так:
<a href="http://www.facebook.com/G4Xonline" target="_blank" class="facebook_tab">Facebook</a>
И я использую CSS для наведения изображения в правой части моей страницы.CSS:
.facebook_tab {
color:#FFFFFF;
cursor:pointer;
height:64px;
left:0;
margin-left:0px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:160px;
width:70px;
z-index:100000;
background:url(../../site/img/sidecon-facebook.png) no-repeat;
}
a.facebook_tab {
left:auto;
margin-left:auto;
margin-right:-10px;
right:0;
}
a.facebook_tab:hover, a.facebook_tab:active {
margin-left:auto;
margin-right:-5px;
}
Это заставляет изображение «выпрыгивать» примерно на 5 пикселей, указывая на то, что ссылка кликабельна.Это прекрасно работает в любом браузере, кроме старого доброго IE.
Любые предложения будут высоко оценены.:)
Редактировать 1: Удалены важные теги, они были лишними.
Редактировать 2: Я только что заметил, что ссылки работают нормально в режиме совместимости.Однако режим совместимости нарушает некоторые другие функции.Поэтому использование метатэга для принудительного применения не является долгосрочным решением.