jQuery 循环:褪色的白色文本变成“绿色”在 Windows/Firefox/Cleartype 中启用

发布于 2024-09-13 09:05:00 字数 800 浏览 10 评论 0原文

在 Windows 上,似乎当任何背景上有白色文本并且进行转换时,文本在其 opacity 值切换回 1 期间自然会变成某种绿色阴影

。这是有道理的。但是,除了将文本的颜色从白色更改为其他颜色之外,有谁知道任何解决方法可以防止它在动画之间转换为绿色阴影?

我在这里有一个完整的演示。

注意:

  • 在 Linux 中它不会为我执行此操作,因为没有 ClearType,只有当我在 Windows 上启用 ClearType 时才会发生此操作。
  • 我指定了 cleartype:truecleartypeNoBg 但据我所知,这只能解决 IE7 中的另一个问题。
  • 我知道如果你禁用 ClearType 它就会消失,

我愿意接受某种涉及不同动画风格(除了淡入淡出)的解决方法,但请向我提出你的任何想法。

编辑:我认为我在此处找到了错误。

编辑#2:在此处查看转换。似乎scrollRight 可以替代淡入淡出。

On Windows it seems that when there's white text on any background and it does transitions, the text naturally turns to some shade of green during its opacity value being toggled back to 1.

This makes sense. But does anyone know any sort of workaround to prevent it transitioning to a shade of green between the animating besides changing the color of the text from white to something else?

I have a full demo here.

Notes:

  • It doesn't do it for me in Linux since there is no ClearType, it only happens when I enable ClearType on Windows.
  • I specified cleartype:true cleartypeNoBg but as far as I know, that only resolves another issue in IE7.
  • I know that if you disable ClearType it will go away

I would be open to maybe some sort of workaround that involves a different animation style ( other than fading ), but throw any ideas you have at me.

EDIT: Think I have found the bug here.

EDIT #2: Looking through the transitions here. Seems like scrollRight may substitute for a fade.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

静谧 2024-09-20 09:05:00

在文本元素上指定背景颜色,您将不再看到任何绿色

Specify a background color on the text element and you'll no longer see any green

路弥 2024-09-20 09:05:00

当我进行淡入淡出过渡时,我也注意到了这一点,当文本为灰色时,淡入淡出似乎会添加发光的绿色。看起来有点糟糕,但在 ie 家庭中看起来很好!

现在已经切换了淡入淡出。

I have noticed this too when I have a fade transition, the fade seems to add luminous green when the text is grey. Looks kind of awful but appears fine in ie family!!

Have switched of the fade for now.

!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文