JQuery FadeTo проблема в IE8 при исчезновении из непрозрачности CSS 0

Использование FadeTo для воздействия на содержимое моих сайтов (#right_pane). Я установил непрозрачность 0 для элемента в моем файле CSS:

#right_pane {
font-family: helvetica,Trebuchet MS,sans-serif;
border: 0;
width: 746px;
float: left;
margin: 0;
padding: 65px 0 0;
position: relative;
min-height: 550px;
right: 280px;
opacity: 0;
 /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";

    /* IE 6,7 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

и я использую функцию jquery для fadeTo:

$(document).ready(function(){setTimeout(function(){$("#right_pane").fadeTo(1500,1)},750)});

Кажется, что функция исчезает из фактического элемента (#right_pane), но все остальные дочерние элементы прозрачны (непрозрачность 0?), А заголовок @ font-face искажается, как будто он удвоен или что-то в этом роде. Я знаю, что это проблема, потому что когда я удаляю непрозрачность 0 и функцию fadeTo, все отображается нормально. Также, даже если контент виден без установленной прозрачности, но я запускаю функцию fadeTo, проблема все еще возникает.

Обратите внимание, что я использую актуальную версию IE8 на старом ноутбуке для тестирования, и это не происходит при изменении режимов браузера для тестирования. Это делает довольно трудным тестирование, если у вас нет подобной настройки.

вот ссылка на тестовую страницу:

http://www.diysoakwells.com.au/index.html

На всех браузерах и версиях, кроме IE8, работает нормально.

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Любые идеи о том, как я могу это исправить?

С уважением, Джейми

0 ответов

Другие вопросы по тегам