Question

我有一个如此指定的链接：

<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;
}

这会导致图像“跳出”大约5px以指示链接是可点击的。除了良好的旧IE之外，这在每个浏览器中都能很好地工作。

我们非常感谢任何建议。：）

编辑1：删除重要标签，它们是多余的。

编辑2：我刚刚注意到链接在兼容模式下运行良好。然而，兼容模式打破了一些其他功能。所以使用元标记强制它不是一个长期的解决方案。

带有href的CSS Hover Image在点击时在IE中消失

0 个答案: