Question

使用ngx-bootstrap时，如果我创建的工具提示中包含大量文本，则文本会有轻微的模糊。

如果我检查元素，则转换翻译3d似乎会导致模糊。如果我将其关闭，则文本会变亮...但是工具提示的位置会丢失。

element.style {
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(119px, -34px, 0px);
}

有没有办法使文字更清晰？

我尝试了以下操作，但没有帮助：

.tooltip {
    -webkit-font-smoothing: subpixel-antialiased;
}

下面是带有translate3d（模糊）和没有（crisp）的工具提示的示例图像。

Answer 1

使用

.tooltip.show {
    opacity: 1 !important;
}