Javascript 悬停链接菜单在IE 11上不起作用，伪类被忽略_Javascript_Css_Internet Explorer_Pseudo Class

Javascript 悬停链接菜单在IE 11上不起作用，伪类被忽略

javascript css internet-explorer

Javascript 悬停链接菜单在IE 11上不起作用，伪类被忽略,javascript,css,internet-explorer,pseudo-class,Javascript,Css,Internet Explorer,Pseudo Class,我试图为一个正在制作中的项目创建一个菜单，但是IE11一直忽略伪类 +<!doctype html> <html> <head> <meta charset="utf-8"> 等等我有+，因为如果我删除了+，元素会因为某种原因在chrome中被破坏，尽管我尝试过删除它，因为我听说ie强迫自己进入怪癖模式，因此无法处理伪类，这样做并不能解决问题，即使ie忽略了css，chrome也会把它的视图搞得

我试图为一个正在制作中的项目创建一个菜单，但是IE11一直忽略伪类

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

等等

我有+，因为如果我删除了+，元素会因为某种原因在chrome中被破坏，尽管我尝试过删除它，因为我听说ie强迫自己进入怪癖模式，因此无法处理伪类，这样做并不能解决问题，即使ie忽略了css，chrome也会把它的视图搞得一团糟

这是我正在做的粘贴的代码副本。如果删除botao span:after，您将看到它在IE上的渲染效果

到目前为止，我只在chrome、firefox和ie上测试了代码，我尝试用javascript检测ie并隐藏菜单并显示另一个菜单，但它也不起作用，而较旧的浏览器也不会出现问题，因为css3转换不会发生，我怀疑第一个链接就留在原地。如果给锚标记一个参考目标，以后必须测试它，伪类在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。是的，它打破了一些老IEs的布局，不是因为它进入了怪癖模式。恰恰相反，它离开了“怪癖”模式，试图符合标准，结果惨遭失败。

我试着按照你的建议修改小提琴，但发生了一些有趣的事情，鼠标上方的菜单一直在闪烁。我敢肯定，这并不是因为我在firefox上显示了不好的代码，而是因为它确实是一个转换问题，当我删除div:hover span中的转换行时，它显示了菜单，但没有进行转换。除非我能找到一种方法，或者有人有更好的方法来处理它，否则我想代码应该在chrome和Safaric上呈现的唯一方法是在chrome和Safaric上。你可以发布一个提琴并指定你是否在使用doctype，以及你在哪个浏览器上测试它吗？尝试为悬停项提供纯色背景，并将其显示模式设置为“块”，而不是隐式内联。我把问题贴在网上了，但我会再贴的。我使用的doctype如上所述，但这似乎不是问题，因为在小提琴上，即使ie上没有这样的标记，它也不会显示出来。我在chrome 32、IE 11和firefox 26上进行了测试。如果没有doctype，发布的代码在我的IE中无法运行。不要编写botao:hover，而是使用botao a:hover。另外，如果有许多元素具有相同的ID，请改用类。对我来说，它根本不起作用，即使我使用doctype，使用class并使用.botao a:hover。IE似乎不支持这种转换，尽管它支持3Dtransforms和content:attrx。我不得不在IE和firefox上删除rotateX 90deg，因为我无法通过javascript找到IE，并让它禁用或覆盖在hover上的转换。我尝试了在这里找到的一个脚本，并进行了更改，因此我没有输出“if isIE==true{$'botao”。hoverfunction{.css'transform'，rotateX 0deg'”