Safari在bxSlider上更改字体粗细

Question

这似乎只与Safari有关，但是当我让bxSlider处于活动状态时，字体重量会发生变化...... Chrome和Firefox中的一切看起来都很棒。有什么东西可以添加到我的CSS中来解决这个问题吗？左边的图像是Safari问题...右边的图像是它的样子......我已经尝试过OSX-Only Fix，-Webkit-Text-Shadow Hack和-Webkit -Text-Stroke Hack提到：https://blakepetersen.io/how-to-clean-up-chrome-and-safaris-webfont-rendering/。我不认为这与bxSlider特别相关，因为文本在其他浏览器中看起来很好。

我的页面位于：http://joshrodg.com/hallmark/（蓝色部分位于底部） - 还有其他人看过这个吗？

谢谢，
约什

Answer 1

所以，对于这个问题，我无法找到解决方案（除了保持原样）。

我看到一个解决方案提到浏览器与动画混淆，因此文本被不正确地呈现。要解决此问题，您可以添加相对位置和z-index。 z-index应该高于带动画的类的z-index。看完之后，我无法弄清楚哪个班级正在执行动画。我试图添加z-index，但文本没有恢复正常。

我最终做的就是我在上一篇文章中提到的... .bx-viewport我添加了-webkit-text-stroke: 0.30px;。我喜欢这个解决方案，因为webkit前缀主要影响Safari浏览器（我在那里看到问题）。

因为我还没有遇到任何有效的事情，我将把它作为我的解决方案。