Как я могу показать эту анимацию jQuery в IE (7,8,9)? - PullRequest
Новая
       14

Как я могу показать эту анимацию jQuery в IE (7,8,9)?

1 голос
/ 19 января 2012

Спасибо, что посмотрели мой вопрос.

Я успешно интегрировал jCarousel с плагином Zoomer ( найдено здесь ).Это работает ТОЧНО так, как я хочу во всех браузерах, которые я проверял, кроме -SURPRISE! - Internet Explorer ...

Если вы проверите эту страницу в FF, вы увидите, что при наведении курсора мыши увеличиваются пустые белые поля, добавляется красная рамка и анимация небольшого прямоугольника с атрибутом alt.

Если вы снова проверите страницу в IE,работают красные и красные поля, но не маленький блок с атрибутом alt.

Я пытался добавить IF к голове, но не думаю, что он работает правильно (в OSX, поэтому в IE нет).Вот этот код: 

    <!--[if IE 9]>
    <style type="text/css" media="screen">
    ul.thumb li img.hover
{
    border: 2px dotted red;
    border: none;
}
ul.thumb li .title
{
position:absolute;
width:103px;
height:40px;
margin:0px;
font-weight:900;
padding:0px 0 0 0px;
text-align:center;
color: #FFF;
background: none repeat scroll 0 0 rgba(255, 0, 0, 0.9);
display: block;
}
    </style>
<![endif]-->

Я ценю время и вклад каждого.

Спасибо!

1 Ответ

0 голосов
/ 20 января 2012

В ходе дальнейших исследований я обнаружил, что rgba(#,#,#,#.#) - a означает ALPHA и представляет собой причудливый способ контроля прозрачности, который не работает с IE. Я изменил таблицу стилей, чтобы читать как для IE 8 & 9: 

background-color: #FF0000;
filter:alpha(opacity=80); /* For IE8 and earlier */
opacity: 0.8;

Затем я изменил оператор IF на совместимость с IE 6, чтобы отразить тот же код.

...