gpt4 book ai didi

jquery - 如何解决此脚本中的 IE ClearType + jQuery 不透明度问题?

转载 作者:行者123 更新时间:2023-12-01 01:39:34 39 4
gpt4 key购买 nike

我遇到了一个相当常见的问题(或者看起来是这样,经过一番谷歌搜索后......),IE 在使用 jQuery 动画不透明度时会弄乱粗体文本和透明 png。

您可以在此处查看示例:http://dev.gentlecode.net/dotme/index-sample.html (显然只发生在 IE 中)

我看到一些博客文章说修复方法是删除过滤器属性,但我不确定如何将其应用到我正在使用的脚本中,因为我从教程中得到了它并且仍在学习 jQuery.. .

脚本如下:

$('ul.nav').each(function() {
var $links = $(this).find('a'),
panelIds = $links.map(function() { return this.hash; }).get().join(","),
$panels = $(panelIds),
$panelWrapper = $panels.filter(':first').parent(),
delay = 500;

$panels.hide();

$links.click(function() {
var $link = $(this),
link = (this);

if ($link.is('.current')) {
return;
}

$links.removeClass('current');
$link.addClass('current');

$panels.animate({ opacity : 0 }, delay);
$panelWrapper.animate({
height: 0
}, delay, function() {
var height = $panels.hide().filter(link.hash).show().css('opacity', 1).outerHeight();

$panelWrapper.animate({
height: height
}, delay);
});

return false;
});

var showtab = window.location.hash ? '[hash=' + window.location.hash + ']' : ':first';

$links.filter(showtab).click();

});

如果有人可以检查一下并告诉我如何解决不透明度问题,我将不胜感激。过滤器方法是否也可以解决我在透明 png 中遇到的问题,这些透明 png 也有像素化的丑陋边框(如粗体类型)?

预先感谢您的所有帮助!

最佳答案

你可以这样写:

更改此行/语句:

var height = $panels.hide().filter(link.hash).show().css('opacity', 1).outerHeight();

对此:

var filtered = $panels.hide().filter(link.hash).show().css('opacity', 1);
if ($.browser.msie)
filtered.each(function() { this.style.removeAttribute('filter'); });
var height = filtered.outerHeight();

通常我不会容忍使用 $.browser,但在这种情况下,这是一个 IE 错误,并且 jQuery 正在应用过滤器,因为它也是 IE。如果您使用的是 IE,这将循环遍历元素并删除过滤集并取消 filter 样式属性。

关于jquery - 如何解决此脚本中的 IE ClearType + jQuery 不透明度问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2678768/

39 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com