Javascript 悬停/单击/jquery事件的字体呈现问题

使用Bootstrap3构建一个移动站点，它利用了CollapseJS插件

我的问题是，当您将鼠标悬停在折叠中的字体上（值得注意的是，这发生在系统字体上，而不仅仅是web字体问题，使用webfont更容易显示），或者单击它在外观上更改的字体。删除部分字体或更改大小。我不确定为什么会发生这种情况，我尝试了以下方法：

• -webkit字体平滑
• 文本呈现
• 添加固定线高度
• 背面可视性

然而，这些都不起作用。我已经没有想法了，虽然在屏幕截图中很难显示，但在与网站互动时，这是一个100%的大问题，值得注意。

我假设这与崩溃jquery有关，但我在引导式回购协议中找不到任何东西，在这里，或者从一般的谷歌搜索中（很难搜索到哈哈），所以任何帮助都将不胜感激。我没有太多与字体相关的代码，但是：

  .panel-tap {
    position: relative;
    display: block;
    width: 100%;
    line-height: 1;
    font-size: 16px;
  }

面板有一些填充，但在动画期间不会更改，也不会在动画期间添加任何样式（仅添加类名以显示/隐藏下面的内容）

我不能发布一个链接到该网站，但希望这是足够的信息。 谢谢

编辑：值得注意的是，我已尝试删除与之相关的所有样式（即位置），并尝试添加特定样式，以确保它不会在整个站点被覆盖（即添加字体权重、线条高度、边框等）

edit2：这种情况并非总是发生，它会在几秒钟或几次单击后停止，这是完全不一致的

edit3：禁用了折叠的动画/jquery端，但它仍然会这样做

一些想法：

• 您是否已尝试将所有CSS Annation属性设置为

  0

  /

  none

  。它可能从其他地方的父/坏选择器中拾取了某些内容

• 仔细检查

  ：active

  或

  ：focus

  没有CSS。或者文本周围可能有一个span，该span具有相对

  字体大小（
  em
  ，
  %
  等）
  

• 我记得我遇到过类似的问题，

  position:relative；

  。你能用

  span

  环绕文本并给它

  position:static；

• 是否存在可能导致问题的活动类或其他原因

---

这就是我在mo上所能想到的。但可能会有所帮助。

谢谢，到目前为止，还没有在折叠上使用任何css动画，它只是显示和隐藏，没有过渡/动画-它也发生在动画触发之前。我将查看：Active和：focus，尽管我在浏览器中看不到任何css动画-我尝试删除了一个相对的d它给了我同样的结果，但我现在将尝试这个范围。没有活动类，同样，它发生在所有人身上，并且发生在动画触发之前。我们能看到JSFIDLE吗？@risk这个问题不会出现在fiddle上（尽管我已经在外部样式表中附加了所有样式）因此，这一定与我的页面上的js有关，但仍然可以检查代码以查找任何潜在的错误。我将bootstrap.js添加到您的小提琴中，这似乎工作正常：因此，问题一定是由于一些外部js（或css）造成的如果@discliam-answer不起作用，我不能帮助你更多，除非你复制错误，或者至少复制任何可能导致错误的代码。。