CSS伪活跃：为什么不会：活跃的背景位置移动不会在IE中工作？

例：http://jsfiddle.net/9BygQ/5/CSS伪活跃：为什么不会：活跃的背景位置移动不会在IE中工作？

如果您在Chrome测试的例子，你会看到在：积极的按钮显示为按下为什么似乎并主动伪状态并不在IE什么影响？

这个问题已经困扰了我现在一段时间...

爱一些帮助！

干杯

2011-04-23 wilsonpage

你可能想看看这个http://stackoverflow.com/questions/5594102/active-css-selector-not-working-for-ie8-and-ie9 – BoltClock 2011-04-23 15:44:01

这里的至少一个提示：

你可能已经看到，在IE浏览器：主动触发按钮的右侧。即10px的填充右区域。因此，虽然您的<span>高于您的<a>，但IE会激活：悬停但不是：激活。（我可能是错的，我发现这个问题只能通过点击无处不在:)）

所以我试图扭转<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 ;}

我不知道这将解决你的问题，但我希望这将有助于:)

来源

2011-05-11 14:55:36

CSS伪活跃：为什么不会：活跃的背景位置移动不会在IE中工作？

回答

相关问题