我在使用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中有效。
答案 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;
}