javascript - jquery.floatThead 导致标题变得模糊

Question

我正在使用 http://mkoryak.github.io/floatThead/在 Bootstrap 站点中。但是，当我使用该脚本时，我的标题变得模糊，如下所示。

当我检查它时，我看到应用了一种样式。如果我删除它，它会清除它，但随后标题/行就会消失。 CSS 是:

transform: translateX(15px) translateY(362px);

如何消除模糊的文本？

HTML

<table id="alternate" class="table table-striped table-hover">
      <thead>
        <tr class="info">
            <th>Date Ordered</th>
            <th>Quantity Ordered</th>
            <th>Quantity Dispatched</th>
        </tr>
      </thead>
      <tbody>...

JS

<script>
    var $tableAlternate = $('table#alternate');
    $tableAlternate.floatThead({top: 51});
    $tableAlternate.floatThead();
</script>

Answer 1

您能检查一下您的浏览器缩放是否为 100% 吗？我在 MS Edge 上遇到了类似的问题，我的浏览器缩放比例为 90%。更改它 100% 解决了我的问题。