jQuery fadeIn и fadeOut не работают в Internet Explorer 6, 7 или 8? - PullRequest
2 голосов
/ 17 марта 2010

Привет, я использую jQuery fade in / out для div, которые содержат изображения и текст. Он отлично работает в Firefox, Chrome и Safari, однако эффект не работает вообще ни в одном Internet Explorer. Изображение исчезает по истечении указанного мной миллисекунды, но не исчезает.

Существуют ли какие-либо специальные правила для использования этого в Проводнике?

Ответы [ 4 ]

0 голосов
/ 17 мая 2010

Да, это основной раздел ".tip".

$(".tip").fadeIn("slow");

но это работает в IE (странно):

$(".tip").show();
0 голосов
/ 17 марта 2010

Я думаю, что нужно больше информации о природе самого элемента, но я предполагаю, что что-то не так с вашим фоновым изображением (если оно у вас есть).

Опубликовать некоторыекод (CSS, HTML и JS), так что мы действительно можем добраться до сути этого.

0 голосов
/ 16 мая 2010

У меня есть следующий HTML DIV, который не работает с использованием FadeIn / FadeOut в IE:

        <div class="tip"  style="width: 220px; display: none;">
            <div class="tip-header">
                <span><b>Title</b></span>
                <div class="right close"><a href="javascript:void(0);">close</a> <img alt=""  src="/Images/close-normal.png"/></div>
            </div>

            <div class="tip-content">EBody comes here.</div>
        </div> 


.tip
{
    display: block; 
    z-index: 99999; 
    position: fixed; 
    background-color: #ffffff; 
    -moz-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.6); 
    border:solid 1px #82C2FA;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
}

.tip-header
{
    padding: 8px; 
    min-height: 10px; 
    -moz-border-radius-topleft: 8px; 
    -moz-border-radius-topright: 8px;
    -webkit-border-radius-topright: 8px;
    -webkit-border-radius-topleft: 8px; 
     background-color: #CFE6FD; 
     border-bottom: 1px solid #82C2FA;  
}

.tip-header span
{
    font-size: 14px;
    color: #666666;
}

.tip-content
{
    padding: 8px; 
    text-align: left;
    font-size: 12px;
}

.close, .whats-this
{
    cursor: pointer;
}

.close a
{
    color: #085FBC; 
    text-decoration: none;
}

.close img
{
    vertical-align: bottom;
}
0 голосов
/ 17 марта 2010

Установлено ли свойство цвета фона для элемента, с которым вы начинаете исчезать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...