IE 中的文本变形

发布于 2024-10-15 05:49:03 字数 211 浏览 6 评论 0原文

我使用的是 shinding 引擎，每当我移动一个小工具进行重新定位时，该小工具内的粗体文本就会变形。

原文

分享到QQ

分享到微博

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

发布评论

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

欲拥i 2024-10-22 05:49:03

IE 存在一个问题，即一旦 DOM 的某些部分被修改，它就会停止使用抗锯齿功能。有一些解决方法（谷歌这些）。我认为 IE9 解决了这个问题。

看这个问题：
jQuery fadeIn 在 IE7 中留下未抗锯齿的文本

其中的一些链接似乎已失效。

这两项更改之一可能会有所帮助（您可能需要尝试将它们应用到哪个元素）：

myElement.style.filter = '';

或

$(myElement).removeAttr('style');

其他信息：
http://reference.sitepoint.com/css/haslayout
http://reference.sitepoint.com/css/filter

IE has an issue where it stops using anti-aliasing once parts of the DOM are modified. There are some work-arounds (Google for these). I think IE9 fixes the problem.

See this question:
jQuery fadeIn leaves text not anti-aliased in IE7

Some links in that seem dead.

One of these two changes might help (you may have to experiment with which element to apply them to):

myElement.style.filter = '';

$(myElement).removeAttr('style');

Other info:
http://reference.sitepoint.com/css/haslayout
http://reference.sitepoint.com/css/filter

回复收藏 0 原文

绝情姑娘 2024-10-22 05:49:03

在执行 jQuery fade 和您给出的示例等任务时，Internet Explorer 暂时摆脱了抗锯齿功能！

回复收藏 0 原文

℡Ms空城旧梦 2024-10-22 05:49:03

这是一个自定义fadeIn/fadeOut/fadeTo来解决您的问题

(function($) {
    $.fn.customFadeIn = function(speed, callback) {
        $(this).fadeIn(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeOut = function(speed, callback) {
        $(this).fadeOut(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeTo = function(speed,to,callback) {
        return this.animate({opacity: to}, speed, function() {
            if (to == 1 && jQuery.browser.msie)
                this.style.removeAttribute('filter');
            if (jQuery.isFunction(callback))
                callback();
        });
    };
})(jQuery);

Here is a custom fadeIn/fadeOut/fadeTo to solve your problem

(function($) {
    $.fn.customFadeIn = function(speed, callback) {
        $(this).fadeIn(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeOut = function(speed, callback) {
        $(this).fadeOut(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeTo = function(speed,to,callback) {
        return this.animate({opacity: to}, speed, function() {
            if (to == 1 && jQuery.browser.msie)
                this.style.removeAttribute('filter');
            if (jQuery.isFunction(callback))
                callback();
        });
    };
})(jQuery);

回复收藏 0 原文

~没有更多了~