javascript - jQuery fadeTo 在 IE8 中不起作用

Question

我有一个 div 正在使用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 中工作？只要它在 IE8 中工作，我不介意从fadeTotofadeIn或其他一些淡入淡出的方法。div

Answer 1

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;
}