jquery - IE 中的模糊文本
请使用 Internet Explorer 查看 http://jumardirectsites.com/_dev/kabnick/。当幻灯片消失时,文本的轮廓会在消失之前出现一段可怕的模糊轮廓。它发生在 IE7、8 和 9 中。我该如何解决这个问题?
扎克
Please take a look at http://jumardirectsites.com/_dev/kabnick/ using Internet Explorer. When the slides fade, the text gets a horrible blurry outline for a moment before disappearing. Its happening in IE7, 8 and 9. How can I fix this?
Zach
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
首先,确保您的 JavaScript 中没有错误。当我在页面中导航时,我收到了一个 JavaScript 异常,该异常可能已禁用您的部分功能。
至于模糊,这是由目标帧中所有像素的 Alpha 工作变化引起的。它会扰乱字体平滑。我很惊讶你在 IE9 上遇到这个问题。您可以做的是将文本放在图像中,而不是将其放在图像前面。尝试确保在每次更改之间保持文本后面的背景为静态颜色,这样问题就应该消失。我认为现在的问题是两个图像相互混合并且文本平滑变得混乱。
您可以做的另一件事是将一个内容淡入白色,然后将其他内容从白色淡入全色。这样,您将获得更好的观看体验,并且人们更容易看到正在发生的变化。
First, make sure you have no errors in your javascript. When I navigated in the page, I received a javascript exception which might have disabled part of your functionality.
As for the blurring, it's caused by the change in alpha work on all pixels in the target frame. It will mess up with the font smoothing. I'm kind of surprised that you get this problem with IE9. What you could possibly do is to put the text IN the images instead of putting it in front of it. Try to make sure to keep the background behind the text a static color between each changes and the problem SHOULD go away. I think the problem right now is that you have two images blended in each others and the text smoothing get messed up.
Another thing you could do is fade one content to white and then fading the other content from white to full color. This way, you'd get a better viewing experience and it would easier for people to see that a change is occurring.
我自己在 IE9 或 8 和 7 中使用 IE 中的开发人员工具时没有看到它。不过,我自己在 IE 中也有过实现透明性的经验。我发现的唯一可接受的解决方案是将整个区域设为图像、文本等等。
I do not see it myself in IE9, or 8 and 7 utilizing the developer tools in IE. However, I have had the experience myself in IE when implementing transparency. The only acceptable solution I found was to make the entire area an image, text and all.