:活动css选择器不适用于IE8和IE9
这是我的。这是我在社区中经历并解决的一系列跨浏览器差异中的最后一个问题 基本上,在Internet Explorer 8和Internet Explorer 9中,:活动css选择器不适用于IE8和IE9,css,internet-explorer-8,css-selectors,internet-explorer-9,Css,Internet Explorer 8,Css Selectors,Internet Explorer 9,这是我的。这是我在社区中经历并解决的一系列跨浏览器差异中的最后一个问题 基本上,在Internet Explorer 8和Internet Explorer 9中,:active样式不会应用于菜单。按下时颜色会变暗。请让我知道为什么以及如何修复。提前谢谢 :活动伪类在 一个元素正在被激活 用户。例如,在时间之间 用户按下鼠标按钮,然后 释放它。见W3 但是您正在将:active选择器应用于元素,该元素不能具有活动状态,因为它从未真正被激活-仅悬停。您应该将:active状态应用于,因为您可以看到
:active
样式不会应用于菜单。按下时颜色会变暗。请让我知道为什么以及如何修复。提前谢谢
:活动伪类在
一个元素正在被激活
用户。例如,在时间之间
用户按下鼠标按钮,然后
释放它。见W3
但是您正在将:active
选择器应用于
元素,该元素不能具有活动状态,因为它从未真正被激活-仅悬停。您应该将:active
状态应用于,因为您可以看到它在
:活动伪类在
用户正在选择一个链接
CSS1对此有点含糊不清
行为:“一个‘活动’链接就是一个
当前正在选择的(例如。
按鼠标键)按
同样,在CSS1中,:active是
相互排斥:链接和
:参观。(没有:悬停
伪类。)
CSS2改变了一些事情,因此
:active可与同时应用
:已访问或:链接。行为呢
解释得稍微好一点:“这个
:激活的伪类在
元素正在由
用户。例如,在时间之间
用户按下鼠标按钮,然后
释放它。”
IMO、FF等更好地遵守CSS2
但既然有联系
要加载新页面(可以)
合理地说,链接仍然存在
当新页面处于打开状态时“活动”
加载,这就是发生的情况
你可以看到一个类似的例子
FF中的反直觉行为
单击链接,但移动您的
按住鼠标的同时将鼠标从链接上移开
鼠标按钮按下。这个链接不是
已激活(未加载新页面),
但链接仍处于激活状态
国家。另一方面,铬和铬
Opera取消激活链接,但在
不同时期;铬一旦出现
鼠标离开链接区域,而不是Opera
直到松开鼠标按钮。即
在本例中,其行为与FF相同
例子。(拖动后按enter键。)
你的鼠标离开链接,你会
查看更多行为差异。)
我不会把这些都称为
差异“bug”,因为
规范中的歧义
我能提供的唯一解决办法就是
接受你不能控制每一个人
浏览器行为的方面。用户
不同的浏览器有不同的功能
对行为的期望,如果你
开始扰乱用户期望,
你走错了路
只是为了相关性和节省其他人寻找解决方案的麻烦,我还在IE中发现了一个“bug”,你指的是哪个:active
样式?它们在两个版本中都适用于我。@BoltClock:菜单活动样式。当按下时,它应该更暗-这使它与悬停效果有所区别。我现在看到了。“一定是错过了。”@BoltClock:是的,困扰我的是选择器的顺序是正确的——聚焦,悬停,然后激活。但由于某些原因,它不会应用于Internet Explorer。非常确定规范没有说li
不能有活动状态。据我所知,如果没有与元素的活动交互,它将不会触发:活动状态-我将为此做一个测试用例。看起来图标阻止了菜单的可点击性。这有解决办法吗?嗯,同样的结果。其他浏览器在激活时会将li
的项目符号变成粉红色,即不会。看起来又是一个浏览器差异。天哪。@aeswee谢谢你,IE中是否有这样的工作?似乎这个问题只适用于IEspan:active+span
选择器在IE10中也不起作用。请注意,simplespan:active
有效。谢谢,@ruvim。回复已更新,以反映您对IE10中错误的确认。
a:active img {
position:absolute;
top:-30px;
}
a:active img,
a img:active {
position:absolute;
top:-30px;
}