jQuery fadeTo无法在IE8中运行

时间:2012-07-09 02:58:57

标签: javascript jquery internet-explorer internet-explorer-8

我在使用fadeTo时感到很沮丧。它在Firefox和IE9中运行良好。它在IE8中不起作用。这是我的代码:

JS

var $j = jQuery.noConflict();
    window.onload = function(){ 
    $j('#fadein').fadeTo(6000, 1, function() {
  });       
};

HTML

<div class="img-center" id="fadein" style="opacity:0;">
<img src="src.jpg" alt="Text" class="feature-image" />
</div>

如何让它在IE8中运行?我不介意从fadeTo更改为fadeIn或其他一些淡入div的方法,只要它在IE8中有效。

1 个答案:

答案 0 :(得分:5)

jQuery的fadeTo()应该可以在IE8中运行,但是元素必须具有“布局”,请参阅“haslayout”,并且在糟糕的浏览器中使用不透明度的CSS语法:

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}