Javascript 滑动图像时的Chrome渲染错误

我正在使用一个名为Flexslider的JS滑块，发现了一个奇怪的文本渲染问题。当图像切换到下一个时，谷歌浏览器（Windows/OSX）似乎改变了网页上所有文本元素的字体重量。FF/IE中不存在此问题

你知道为什么会这样吗？我尝试过使用不同的字体，但没有成功。请看一下我的示例屏幕截图，看看其中的区别

---

如果不看代码，很难判断。我猜是一个没有正确关闭的标签。您应该在中运行页面，并更正发现的任何错误。如果它仍然存在，您需要提供更多信息。

如果不查看代码，很难判断。我猜是一个没有正确关闭的标签。您应该在中运行页面，并更正发现的任何错误。如果它仍然存在，您需要提供更多信息。

您可以发布您的代码吗？它很可能是一个未闭合的标签。也可能是滑块和不断变化的图像改变了元素的高度，并影响了元素下方的文本，因为它们只移动了一点点

你能把你的密码贴出来吗？它很可能是一个未闭合的标签。也可能是滑块和不断变化的图像改变了元素的高度，并影响了元素下方的文本，因为它们只移动了一点点

我必须同意其他答案，添加一些代码会很有用，如果flex slider使用css3转换，您可以尝试-webkit transform:translateZ（0）；在改变别名的文本元素上，这帮助我解决了另一个名为Fotorama.js的js滑块插件遇到的类似问题。我必须同意其他答案添加一些代码会很有用，如果flex滑块使用css3转换，您可以尝试-webkit transform:translateZ（0）；在更改别名的文本元素上，这帮助我解决了另一个名为Fotorama.js的js滑块插件遇到的类似问题。这肯定是因为滑块脚本使用硬件加速的css转换。众所周知，当应用于webkit时，即使是不相关的元素，也会改变抗别名技术。这里有一个演示可以证明这一点：

你真的做不了多少。如果您想继续使用css转换，则需要更改浏览器消除文本别名的方式。您可以通过添加以下内容强制它使用更瘦的版本（我认为它是“正常”的抗锯齿，而不是亚像素）：

html{-webkit-font-smoothing: antialiased;}

演示：

---

这样，在添加CSS转换时，它不会改变呈现文本的方式。

这是最明确的，因为滑块脚本使用硬件加速的CSS转换。众所周知，当应用于webkit时，即使是不相关的元素，也会改变抗别名技术。这里有一个演示可以证明这一点：

你真的做不了多少。如果您想继续使用css转换，则需要更改浏览器消除文本别名的方式。您可以通过添加以下内容强制它使用更瘦的版本（我认为它是“正常”的抗锯齿，而不是亚像素）：

html{-webkit-font-smoothing: antialiased;}

演示：

---

这样，当添加CSS转换时，它不会改变呈现文本的方式。

这个问题有一个简单的解决方案。例如，您有一个图像滑块，它可以更改文本呈现，只需将下面的CSS代码用于slider-Div即可。

position: relative; 
z-index: 1;

---

就这些：）

这个问题有一个简单的解决办法。例如，您有一个图像滑块，它可以更改文本呈现，只需将下面的CSS代码用于slider-Div即可。

position: relative; 
z-index: 1;

---

仅此而已：）

@alex23我的狩猎之旅中，第一小提琴也做了同样的事情。01@alex23first fiddle在我的safari 6.01中也有类似的问题，但它也在文本中这样做。谢谢，它工作得很好。有一个类似的问题，但它也在文本中这样做。谢谢，这真是一种享受。