我正在使用svg-text-elements进行网站布局，并更改了textLength属性以使菜单中的所有菜单项具有相同的长度。 （当您更改textLength时，间距会自动调整，并且字母保持其大小）
<div class="menu-item">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<text class="hover-black" lengthAdjust="spacing" fill="black">AGENDA</text>
</svg>
</div>
“ textLength”和定位是在JavaScript中完成的。
一切正常，只是在Internet Explorer中，当我将鼠标悬停在Menu-Text上时，textLength-Attributs似乎被擦除了，而我将svg-text悬停在了标准间距的翻转上。
在CSS和JS中都没有设置任何悬停...
也许有人有一个主意，非常感谢！
编辑：解决了！
抱歉打扰你们。我发现了：
.menu-item {
&:hover {
cursor: pointer
}
}
我在CSS中忽略了它。似乎是IE中的错误。
最佳答案
尝试将style="pointer-events:none"添加到实际的文本标签中。那至少应该在IE11中修复它。我在SVG中使用lenghtAdjust时遇到了一个类似的问题，即IE行为异常。
因此，您总共看起来像这样：
<div class="menu-item">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<text class="hover-black" x="30" y="30" textLength="250" fill="black" style="pointer-events:none">AGENDA</text>
</svg>
</div>
我已经尝试过使用一类，但这也不起作用。仅当我将其作为内联CSS添加到text标记中时。
对我来说，它仍然对
cursor:pointer表现得很奇怪。要重现此问题，请尝试双击IE中的文本。它会跳到右边或左边。如果这是一个导航项目，则您需要在文本下方做一个活动链接（也许是吗？），并且pointer-events:none已经允许您单击文本。