Hover链接菜单无法在IE 11上运行,忽略了伪类

时间:2014-01-18 23:56:51

标签: javascript css internet-explorer pseudo-class

我正在尝试为正在制作的项目执行类似this one的菜单,但IE 11一直忽略伪类。

 +<!doctype html>
    <html>
        <head>
            <meta charset="utf-8">
等等......

我有+<!doctype html>,因为如果我删除了+元素因为某种原因而在Chrome中被破坏了,尽管我已经尝试删除它,因为从我听到的就是强迫自己进入quircks模式因此不是能够处理这样做的伪类并不能解决问题,即使用<!doctype html>即忽略了css然后chrome让它的视图全部搞砸了。

这里是从我正在做的事情中复制粘贴代码的小提琴。如果您删除#botao span:after,您将看到它在IE上呈现的方式

fiddle

我只测试了chrome,firefox和ie的代码到目前为止我尝试使用javascript来检测即可隐藏菜单并显示不同的菜单但它也无法正常工作,而旧的浏览器将不会是问题,因为css3转换不会发生在该地方留下第一个链接(或者我怀疑。必须稍后测试)

1 个答案:

答案 0 :(得分:0)

如果您为锚标记提供参考目标,则伪类可在IE中使用。例如:

<span class="hoverlink"><a href=#>Hover over me</a></span>

.hoverlink a, .hoverlink a:visited, .hoverlink a:link{color:red;}
.hoverlink a:hover{color:green;}

尝试输入“href”并查看它在IE中的所有区别!

如果您需要A标签以外的元素来支持伪类,则必须使用doctype。是的,它打破了一些旧IE的布局,不是因为它进入怪癖模式。恰恰相反,它离开了怪癖模式,并“试图”符合标准并且悲惨地失败。