Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery切换和透明PNG_Jquery_Png_Transparent - Fatal编程技术网

jquery切换和透明PNG

jquery切换和透明PNG,jquery,png,transparent,Jquery,Png,Transparent,我有一个jquery切换,可以动画和显示一个DIV。我有一个透明的PNG,阴影类型的背景图像,当它第一次出现时,我看到一个黑色的背景,然后在图像加载后消失 有办法吗?那是虫子吗?我有它的动画慢,所以也许这有点关系 我应该让它显示()吗?这是IE中的一个bug 当前版本的IE不支持opacityCSS项目,因此jQuery使用Alpha过滤器。但是,过滤器强制元素完全不透明,因此它们不能正确地与透明PNG一起工作 要在半透明元件中使用透明PNG,需要使用AlphaImageLoader过滤器(即使

我有一个jquery切换,可以动画和显示一个DIV。我有一个透明的PNG,阴影类型的背景图像,当它第一次出现时,我看到一个黑色的背景,然后在图像加载后消失

有办法吗?那是虫子吗?我有它的动画慢,所以也许这有点关系

我应该让它显示()吗?

这是IE中的一个bug

当前版本的IE不支持
opacity
CSS项目,因此jQuery使用Alpha过滤器。但是,过滤器强制元素完全不透明,因此它们不能正确地与透明PNG一起工作

要在半透明元件中使用透明PNG,需要使用AlphaImageLoader过滤器(即使在IE8中)应用PNG。例如:

if ($.browser.msie)
    $(something).css({
        background: 'none',
        filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Folder/Image.png", sizingMethod="scale"),alpha(opacity=100)'
    });
(此代码有效;我正在使用它)

这是IE中的一个bug

当前版本的IE不支持
opacity
CSS项目,因此jQuery使用Alpha过滤器。但是,过滤器强制元素完全不透明,因此它们不能正确地与透明PNG一起工作

要在半透明元件中使用透明PNG,需要使用AlphaImageLoader过滤器(即使在IE8中)应用PNG。例如:

if ($.browser.msie)
    $(something).css({
        background: 'none',
        filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Folder/Image.png", sizingMethod="scale"),alpha(opacity=100)'
    });

(此代码有效;我现在正在使用它)

请注意,即使如此,
alphaimageloader
alpha
的组合与
opacity
的组合也不完全相同。每个像素的透明度似乎是
max(图像不透明度,过滤器不透明度)
而不是
image不透明度*过滤器不透明度
。(这在动画中并不总是令人不快的效果。)我可以将其添加到现有的.js文件中吗?当我这样做时,我会得到一个错误“missng”);“…这是我所拥有的:$(文档).ready(函数(){$('#业务蓝色').hide();$('a#业务蓝色lnk')。单击(函数(){$('#业务蓝色')。动画({opacity:'toggle'},800);返回false;})”@SLaks它看起来好像缺少了一个“勾号”…因为我得到了一个错误…请注意,即使如此,
alphaimageloader
alpha
的组合与
opacity
的组合并不完全相同。每个像素的透明度似乎是
max(图像不透明度,过滤器不透明度)
而不是
image\u opacity*filter\u opacity
(这在动画中并不总是令人不快的效果)。我可以将其添加到现有的.js文件中吗?当我添加时,我会收到一个错误“missng”);“。。。这是我所拥有的:$(文档).ready(函数(){$('#业务蓝色').hide();$('a#业务蓝色lnk')。单击(函数(){$('#业务蓝色')。动画({opacity:'toggle'},800);返回false;})@SLaks看起来好像少了一个记号。。。因为我得到了一个错误。。。