Быстрый поиск на предмете показывает следующее:
постепенное появление/постепенное исчезновение jQuery IE cleartype незначительный сбой
проблема, кажется, что атрибут "фильтра" CSS автоматически не удален. большая часть простого решения к этой проблеме удалила бы его вручную:
$('#myDiv').fadeIn('slow', function() {
this.style.removeAttribute('filter');
});
, Поскольку сообщение в блоге выше объясняет, это - довольно грязное решение.
Выборка от сообщения в блоге, включая более чистое решение этой проблемы:
Это означает, что каждый раз мы хотим исчезнуть элемент, мы должны удалить атрибут фильтра, который заставляет наш код выглядеть грязным.
А простое, более изящное решение состояло бы в том, чтобы перенести .fadeIn () и .fadeOut () функции с пользовательской функцией через сменный интерфейс jQuery. Код был бы точно тем же, но вместо того, чтобы непосредственно вызвать исчезнуть функции, мы называем обертку. Как так:
$('#node').customFadeOut('slow', function() {
//no more fiddling with attributes here
});
Так, как Вы получаете эту работу? Просто включайте следующий код после включения библиотеки jQuery для добавленной функциональности.
(function($) {
$.fn.customFadeIn = function(speed, callback) {
$(this).fadeIn(speed, function() {
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
$.fn.customFadeOut = function(speed, callback) {
$(this).fadeOut(speed, function() {
if(jQuery.browser.msie)
$(this).get(0).style.removeAttribute('filter');
if(callback != undefined)
callback();
});
};
})(jQuery);
Один путь состоит в том, чтобы выбрать цвет фона на отделении (обычно) белом.
То, когда исчезают, применяется к IE, он применяет его (по крайней мере, с помощью jQuery) класс dxtransform, который заставит его потерять любые эффекты сглаживания, пока его непрозрачность не вернется одной.
Я считал использование Firefox 2 его собственный текстовый механизм визуализации каждый раз, когда непрозрачность применяется (по крайней мере, на Mac). Это иногда выглядит странным.
я сражался с этим с этим CSS (и это, кажется, не влияет на производительность вообще)
body {
-moz-opacity: 0.99;
}
, Это может работа в IE также. О, но необходимо будет использовать уместность IE filter
свойство.
Хорошо вот мое худшее решение когда-либо:
<head>
<script>
$(function() {
$(document.body).fadeIn(0);
});
</script>
</head>
<body>
<script>
$(document.body).hide();
</script>
body text
</body>
Сразу скрывают тело и постепенно появляются он, когда документ завершен. Затем Вы по существу отключаете cleartype.
, О, и не делайте никого, на самом деле делают это. Или если это ДЕЙСТВИТЕЛЬНО, кажется, имеет смысл для Вас затем, тестируют его хорошо. Просто помните Вас, привычка видит что-либо, пока целый DOM не загружается. Я также видел некоторые странные графические незначительные сбои.