Css IE 7/8:块元素上的活动伪

Css IE 7/8:块元素上的活动伪,css,internet-explorer,pseudo-class,Css,Internet Explorer,Pseudo Class,我遇到了IE7/8忽略display:block元素上的:active伪类的问题 HTML: <a>My Link</a> a:active{color:yellow} a{display:block} a:active{color:yellow} 失败的CSS: <a>My Link</a> a:active{color:yellow} a{display:block} a:active{color:yellow} 有人知道这个问题的

我遇到了IE7/8忽略display:block元素上的:active伪类的问题

HTML:

<a>My Link</a>
a:active{color:yellow}
a{display:block}
a:active{color:yellow}
失败的CSS:

<a>My Link</a>
a:active{color:yellow}
a{display:block}
a:active{color:yellow}

有人知道这个问题的解决方案吗?或者我必须求助于JS吗?

讽刺的是,@Kevin甚至没有意识到就已经“修复”了你的问题

从以下位置更改HTML:

<a>My Link</a>

它在IE7中工作,请参见:


具有讽刺意味的是,@Kevin已经在不知不觉中“修复”了你的问题

从以下位置更改HTML:

<a>My Link</a>

它在IE7中工作,请参见:


当你有

小提琴:小提琴:谢谢你的帮助时,像这样意想不到的事情可能会发生。这在IE7中似乎是可行的,href属性似乎没有什么不同。我在本地测试环境中遇到的问题仍在发生。我将发布另一个示例。我认为我的问题的根源与在a标记中包含子元素有关。从我的测试来看,这似乎表明:在IEA快速测试中,active无用:-“ink”位是
a
的子元素,并且不会触发IE8中的
:active
。感谢您的帮助。这在IE7中似乎是可行的,href属性似乎没有什么不同。我在本地测试环境中遇到的问题仍在发生。我将发布另一个示例。我认为我的问题的根源与在a标记中包含子元素有关。从我的测试来看,这似乎表明:在IEA快速测试中,active无用:-“ink”位是
a
的子元素,在IE8中它不会触发
:active