blocks|key|1284769|text|在过去的几天里，这让我抓狂！最终找到了一个相当不错的解决方案，效果很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284770|将这个添加到你的CSS中：|1284771|img+{++
++++background:+transparent;
++++-ms-filter:+"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";+/*+IE8+*/
++++filter:+progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);+++/*+IE6+&+7+*/
++++zoom:+1;
}|code-block|syntax|javascript|1284772|图片来源：Dan+Tello|offset|length|1284773|entityMap|0|LINK|mutability|MUTABLE|url|http://www.sitepoint.com/forums/showthread.php?t=590295#postcount4722567^0|0|0|0|5|9|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

This has been driving me mad for the last few days! Finally found a decent solution that works pretty well.

Add this to your CSS:

<pre><code>img { 
 background: transparent;
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */
 zoom: 1;
}</code></pre>

Credit: <a href="http://www.sitepoint.com/forums/showthread.php?t=590295#postcount4722567">Dan Tello</a>

blocks|key|1284362|text|尝试添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284363|cleartype:++true,+++++cleartypeNoBg:++true|offset|length|style|CODE|1284364|添加到您的循环jquery+arugments。现在应该没问题了:)|1284365|entityMap^0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

Try adding

<code>cleartype: true,
 cleartypeNoBg: true</code>

to your cycle jquery arugments.
It should be fine now :)

blocks|key|1499728|text|对我来说，只要在jQuery的.animate()函数中包含带有空值的filter属性就可以了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499729|也许这对你也是有效的。|1499730|$("#btn").animate({opacity:1,"margin-left":"-25px",+filter:''});|code-block|syntax|javascript|1499731|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

For me it worked to just include the filter property with blank value in jQuery's .animate()function

Maybe this will work for you, too.

<pre><code>$("#btn").animate({opacity:1,"margin-left":"-25px", filter:''});
</code></pre>

blocks|key|1284530|text|我正在将一些png动态加载到DOM中...这对我来说很有效：http://www.twinhelix.com/css/iepngfix/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1284531|entityMap|0|LINK|mutability|MUTABLE|url|http://www.twinhelix.com/css/iepngfix/^0|U|12|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I'm loading some png's dynamically into the DOM... this worked for me: <a href="http://www.twinhelix.com/css/iepngfix/" rel="nofollow noreferrer">http://www.twinhelix.com/css/iepngfix/</a>

blocks|key|1284810|text|我在使用透明PNG上的淡入淡出过渡的Drupal视图幻灯片时遇到了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284811|我完全是偶然发现了下面的准解决方案。我不知道它为什么有效，但缺点是它本质上消除了IE中的交叉淡入淡出信封(它似乎不会明显地影响FF或Safari)：|1284812|视图幻灯片将打印以下内容作为其输出的一部分：|1284813|<div+class="views-field-field-photo-fid">
+++<span+class="field-content"><img+height="433"+width="834"+src="http://devel.acupuncture2.polishyourimage.com/sites/acupuncture2.polishyourimage.com/files/pain_splash.png?1292552784"+alt=""+class="imagefield+imagefield-field_photo">
</div>|code-block|syntax|javascript|1284814|我隐藏了views-field-field-photo-fid：|1284815|.views-field-field-photo-fid+{+width:+0px;+}|1284816|不是完美的，但也许在我找到更好的解决方案之前已经足够好了。您可以查看开发站点：http://acupuncture2.polishyourimage.com/|offset|length|1284817|entityMap|0|LINK|mutability|MUTABLE|url|http://acupuncture2.polishyourimage.com/^0|0|0|0|0|0|0|13|14|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

I had this problem with Drupal Views Slideshow using the Fade transition on transparent PNGs. 

I stumbled across the following quasi-solution totally by chance. I don't know why it works, but the drawback is it essentially removes the cross-fade envelope in IE (it doesn't appear to visibly affect FF or Safari):

Views Slideshow will print something like the following as part of its output:

<pre><code>&lt;div class="views-field-field-photo-fid"&gt;
 &lt;span class="field-content"&gt;&lt;img height="433" width="834" src="http://devel.acupuncture2.polishyourimage.com/sites/acupuncture2.polishyourimage.com/files/pain_splash.png?1292552784" alt="" class="imagefield imagefield-field_photo"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

I hid views-field-field-photo-fid:

<pre><code>.views-field-field-photo-fid { width: 0px; }
</code></pre>

Not perfect but maybe good enough till I find a better solution. You can take a look at the development site: <a href="http://acupuncture2.polishyourimage.com/" rel="nofollow">http://acupuncture2.polishyourimage.com/</a>

blocks|key|1284954|text|好的，我采纳了Darko+Z关于div的建议。最后，我必须这样做才能让jQuery+Cycler+fadeing+FX在使用Drupal7的IE上工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284955|所以我改变了这个：|1284956|<div+class="fademe">
++<a+href="http://mysite/node/1">
++++<img+class="firstTAB-phase2"+src="http://mysite/IMG/bio_640x330.png"+height="330px"+width="640px"+/>
+</a>|code-block|syntax|javascript|1284957|​|1284958|要这样做：|1284959|<a+href="http://mysite/node/1">
++<div+class="fademe"+id="TAB1"></div>
</a>|1284960|然后在css中我这样做了：|1284961|.fademe{+width:640px;+height:330px;}
#TAB1{+background:+#999+url(http://mysite/IMG/bio_640x330.png)+no-repeat;}|1284962|它现在有效=D。|1284963|希望这能帮上忙，Defigo|1284964|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

Ok so I took Darko Z suggestion about the div. In the end this is what I had to do to be able to get jQuery Cycler fadeing FX to work on IE with drupal 7. Instead of placing an tag I used divs and applied the.png to the background of the image along with 

So I changed this:

<pre><code>&lt;div class="fademe"&gt;
 &lt;a href="http://mysite/node/1"&gt;
 &lt;img class="firstTAB-phase2" src="http://mysite/IMG/bio_640x330.png" height="330px" width="640px" /&gt;
 &lt;/a&gt;
</code></pre>



to this: 

<pre><code>&lt;a href="http://mysite/node/1"&gt;
 &lt;div class="fademe" id="TAB1"&gt;&lt;/div&gt;
&lt;/a&gt;
</code></pre>

then in the css I did:

<pre><code>.fademe{ width:640px; height:330px;}
#TAB1{ background: #999 url(http://mysite/IMG/bio_640x330.png) no-repeat;}
</code></pre>

and it works for now =D.

Hope it helps,
Defigo

blocks|key|1285020|text|我找到了这个bug的修复方法，只需将以下代码添加到包装div、img和其他元素中(例如h1、h2、p)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1285021|#div,+#div+img+{++++
++++background:none+!important;+
++++filter:none+!important;
}|code-block|syntax|javascript|1285022|这会解决它的|1285023|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I found the fix to this bug, simply add the following to the wrapping div and to the img and other elements (e.g. h1,h2,p)

<pre><code>#div, #div img { 
 background:none !important; 
 filter:none !important;
}
</code></pre>

This will fix it

blocks|key|1499253|text|这让我抓狂了几天，我最终偶然发现了Unit的PNG修复。http://labs.unitinteractive.com/unitpngfix.php+-适用于Cycle，并阻止我切换到JPEG解决方案！|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1499254|在周期div中定位特定的PNGs需要进行一些修改，但她工作得很好！|1499255|entityMap|0|LINK|mutability|MUTABLE|url|http://labs.unitinteractive.com/unitpngfix.php^0|S|1A|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

This drove me mad for a couple of days and I finally stumbled across Unit's PNG fix. <a href="http://labs.unitinteractive.com/unitpngfix.php" rel="nofollow noreferrer">http://labs.unitinteractive.com/unitpngfix.php</a> - works with Cycle and stopped me from switching to a JPEG solution! 

It needs a bit of tinkering to target specific PNGs in the cycle div, but she works!

blocks|key|1499337|text|希望能帮助其他遇到这个问题的人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499338|我在页面上的几个div上有透明的.png背景(平铺)，当我激活jquery循环插件时，那些透明的区域变得扭曲了。他们失去了一些透明度。|1499339|我的解决方案是简单地把瓷砖做得更大，所以真的根本没有瓷砖。在文件大小上有一个小的折衷，但它解决了这个问题。|1499340|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Hoping to help somebody else who encounters this problem: 

I had transparent .png backgrounds (tiled) on a few divs on my page and when I activated the jquery cycle plugin, those transparent areas became screwy. They lost some of their transparency. 

My solution was to simply make the tiles much bigger, so there really is no tiling at all. There is a small trade off for file size, but it fixed the problem.

blocks|key|1284562|text|我重写了fadeIn和fadeOut方法。看来我没有得到PNG图像上的黑色。不需要父div。您仍然将其用作jQuery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284563|http://www.pagecolumn.com/javascript/fade.htm|offset|length|1284564|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|19|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I rewrited the fadeIn and fadeOut methods. It seems I don't get the black color on PNG image. No parent div is needed. Still you use as jQuery.

<a href="http://www.pagecolumn.com/javascript/fade.htm" rel="nofollow noreferrer">http://www.pagecolumn.com/javascript/fade.htm</a>

blocks|key|1284615|text|如果你可以牺牲一点图像质量，你可以将图像保存为PNG-8而不是PNG-24，然后应用Prosini提到的修复，即|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1284616|cleartype:+true,+cleartypeNoBg:+true|code-block|syntax|javascript|1284617|这应该是可行的。使用PNG-24，我在转换过程中仍然会看到一些黑色边框。|1284618|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you can afford to sacrifice a bit of image quality, you can save the images as PNG-8 instead of PNG-24, then apply the fix mentioned by Prosini, i.e.

<pre><code>cleartype: true, cleartypeNoBg: true
</code></pre>

and that should work. With PNG-24, I was still getting a bit of black border during the transitions.

blocks|key|1499526|text|虽然不局限于cycle插件，但这可能会对其他插件有所帮助。我在尝试寻找.animate()透明/半透明png文件的解决方案时遇到了这条流。我遇到了在IE7和IE8中都会出现黑色边框的问题。图像看起来很好，直到我尝试使用JQuery来设置不透明度的动画...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499527|$('#my-png-img').stop().animate({opacity:0.0},3000);+|code-block|syntax|javascript|1499528|我经历了许多解决方案，不幸的是，没有一个是理想的。虽然这篇文章有点过时，但它可能会帮助其他仍在寻找解决方案的人。我最终使用了双螺旋解决方案(http://www.twinhelix.com/css/iepngfix/)，并做了一些调整。我不是.htc文件的狂热粉丝，但这不是重点。我编辑了iepngfix.htc文件(第75行)来捕获IE7和IE8。我改变了..。|offset|length|1499529|!/MSIE+(5\.5%7C6)/.test(navigator.userAgent)+%7C%7C|1499530|至|1499531|!/MSIE+(5\.5%7C6%7C7%7C8)/.test(navigator.userAgent)+%7C%7C|1499532|从那里开始，我遵循了一般的说明(参见demo)，包括将此代码添加到我的CSS|1499533|/*+IE+PNG+Fix+*/
img,+div,+a,+input+{+
++++behavior:+url(/_css/iepngfix.htc)+

}+|1499534|此外，正如其他人所提到的，我必须将我的图像嵌套在一个容器中……|1499535|<div+id="img-container"><img+src="/images/my_semi_trans_png24.png"+/></div>|1499536|然后，我对包含的div应用了.animate()效果。然而，有一点限制，这是我能够让淡出持续工作的唯一方法。在一个例子中，我甚至发现透明度问题影响了透明.gif文件的不透明度动画。哦，还有，我是否使用.fadeIn()/.fadeOut而不是.animate()也没什么区别。|1499537|entityMap|0|LINK|mutability|MUTABLE|url|http://www.twinhelix.com/css/iepngfix/^0|0|0|1Y|12|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1A|8|@]|9|@$I|1B|J|1C|1|1D]]|A|$]]|$1|K|3|L|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1J|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1K|8|@]|9|@]|A|$E|F]]|$1|Y|3|Z|5|6|7|1L|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]]]

While not specifically limited to the cycle plugin, this may help others. I came across this stream in my attempt to find a solution to .animate() transparent/translucent png files. I had the issue of a black border occurring in both IE7 and IE8. The images appear fine until I attempted to use JQuery to animate the opacity... 

<pre><code>$('#my-png-img').stop().animate({opacity:0.0},3000); 
</code></pre>

I went thru a number of the solutions and unfortunately, none of them were ideal. While this stream is a bit dated, it may help someone else still searching to piece together a solution. I ended up using the Twin Helix solution (<a href="http://www.twinhelix.com/css/iepngfix/" rel="nofollow noreferrer">http://www.twinhelix.com/css/iepngfix/</a>) with a bit of a tweak. I'm not a huge fan of .htc files but that's beside the point. I edited the iepngfix.htc file (~line 75) to trap for IE7 and IE8. I changed...

<pre><code>!/MSIE (5\.5|6)/.test(navigator.userAgent) ||
</code></pre>

to 

<pre><code>!/MSIE (5\.5|6|7|8)/.test(navigator.userAgent) ||
</code></pre>

From there I followed the general instructions (see demo) including adding this bit to my CSS

<pre><code>/* IE PNG Fix */
img, div, a, input { 
 behavior: url(/_css/iepngfix.htc) 

} 
</code></pre>

In addition and as others have mentioned, I had to nest my image in a container...

<pre><code>&lt;div id="img-container"&gt;&lt;img src="/images/my_semi_trans_png24.png" /&gt;&lt;/div&gt;
</code></pre>

Then I applied .animate() effect to the containing div. A bit constraining however, this was the only way I was able to get fading to work consistently. In one case, I even found that the transparency issue affected animating the opacity on a transparent .gif file. Oh and, whether I used .fadeIn()/.fadeOut rather than .animate() made no difference.

blocks|key|1499597|text|最好的修复方法是unitpngfix。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1499598|将其包含在脚本中，并确保提供1px+x+1px透明gif的路径。瞧！|1499599|entityMap|0|LINK|mutability|MUTABLE|url|http://labs.unitinteractive.com/unitpngfix.php^0|8|A|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

The best fix is <a href="http://labs.unitinteractive.com/unitpngfix.php" rel="nofollow noreferrer">unitpngfix</a>.

Include it in your script and be sure to provide the path to your 1px by 1px transparent gif. Voila!

blocks|key|1499775|text|这些都是你被要求去做的非常忙碌的事情。所有的代码都是codingsky。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499776|这是我的建议。IE不会允许有色背景之上的png背景和平地生活，就像这样…|1499777|++++<div+style="background:url('something.png')+no-repeat+0+0+scroll;+position:absolute;+z-index:2;">&nbsp;</div>
<div+style="background-color:#fa0237;+position:absolute;+z-index:1;">&nbsp;</div>|code-block|syntax|javascript|1499778|注意，第一个div是z-index+2(在第二个div的顶部)。|1499779|这可以通过将你的bgColor放在背景css的第一个div中并去掉第二个Div来简化。这解决了黑色区域的问题。我自己也有这个问题。|1499780|我能看到你有一个问题，你不能使用这个方法的唯一方法是，你需要覆盖两个png背景图像彼此重叠，并同时淡出。别干那事。您需要一个接一个地为每个对象设置动画。|1499781|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

This is all pretty hectic stuff you're being asked to do. All very coding codingsky.

Here's my suggestion. IE will not allow a png background above a colored background to live in peace, like so...

<pre><code> &lt;div style="background:url('something.png') no-repeat 0 0 scroll; position:absolute; z-index:2;"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style="background-color:#fa0237; position:absolute; z-index:1;"&gt;&amp;nbsp;&lt;/div&gt;
</code></pre>

Notice the first div is z-index 2(on top of 2nd div).

This can be simplified by putting your bgColor in the background css in the 1st Div and doing away with the second div. This solves the problem of the black areas. I had this problem myself.

The only way I can see you having a problem where you can't use this method is where you have the need to overlay two png background images over one another and fade simultaneously. Don't do that. You'll need to animate each one after one another.

blocks|key|1499853|text|要解决此问题，只需添加：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499854|"filter“："”|1499855|添加到您的.css()或.animate()，它将修复许多与IE相关的问题。|1499856|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

To solve this issue simply add:

"filter" : ""

to your .css() or .animate() and it'll fix a number of IE related issues.

blocks|key|1499950|text|最可靠的解决方案是在<IE9浏览器的淡入淡出样式动画中不使用pngs。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1499951|我几乎尝试了我能找到的所有“修复”和可用修复的变体，但都没有成功。我使用的解决方案是将淡入淡出的pngs导出到gifs中，并对<IE9进行有条件的替换。尽管gifs在现代浏览器中看起来不如pngs，但它们看起来比IE8和早期渲染pngs的方式要好得多，而且这种方法工作可靠。您仍然可以为功能强大的浏览器显示漂亮的png，并且当应用修复时，不会破坏任何其他内容；众所周知，大多数png黑客都会破坏其他css属性。您的代码可能如下所示：|1499952|$(document).ready(function+()
{
++++++if+($.browser.msie+&&+parseInt($.browser.version,+10)+<+9)
++++++{
++++++++++$(".myClass,+.myOtherClass").each(function+(val)
++++++++++{
++++++++++++++var+backgroundValue+=+val.css("background-image");
++++++++++++++backgroundValue.replace('.png',+'.gif');
++++++++++++++$(this).css("background-image",+backgroundValue);
++++++++++++++//you+could+just+as+easily+do+this+with+'img'+tags
++++++++++});
++++++}
}|code-block|syntax|javascript|1499953|entityMap^0|A|4|0|1R|4|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

The most reliable solution is to not use pngs in fading style animations in <code>&lt;IE9</code> browsers. 
I tried nearly every "fix" and variation of a fix available that I could find for this issue and had no success. The solution I used was to export pngs that were going to have fading-style animations applied to them (ie, fadeIn/fadeOut) to gifs and do a conditional replacement for <code>&lt;IE9</code>. Although the gifs don't look as good as pngs in a modern browser, they look a hell of a lot better than the way IE8 and earlier render pngs, and this method works reliably. You still get to display nice pngs for capable browsers and when the fix is applied nothing else gets broken; most of the png hacks are known to break other css properties. Your code might look something like this:

<pre><code>$(document).ready(function ()
{
 if ($.browser.msie &amp;&amp; parseInt($.browser.version, 10) &lt; 9)
 {
 $(".myClass, .myOtherClass").each(function (val)
 {
 var backgroundValue = val.css("background-image");
 backgroundValue.replace('.png', '.gif');
 $(this).css("background-image", backgroundValue);
 //you could just as easily do this with 'img' tags
 });
 }
}
</code></pre>

I'm having trouble getting jquery cycle to work when I have transparent png files in IE7

It's fine in Firefox and Chrome but in IE (version 7) I get a black colour where
the png transparency is during the fade.

Can this be made to work right?

jquery cycle IE7 transparent png problem

容器

jQuery

Drupal

当我在IE7中有透明的png文件时，我很难让jquery循环工作。这在Firefox和Chrome中很好，但在IE (版本7)中，在淡入淡出时png的透明度是黑色的。这能让它正常工作吗？

问jquery循环IE7透明png问题
EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery循环IE7透明png问题EN

回答 16

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery循环IE7透明png问题
EN