2012-01-19 1 views
1

Спасибо, что посмотрели на мой вопрос.Как показать эту анимацию jQuery в IE (7,8,9)?

Я успешно интегрировал jCarousel с плагином Zoomer (found here). Он работает так, как я хочу, чтобы это во всех браузерах я проверил, кроме -SURPRISE - Internet Explorer ...

Если вы проверяете this page в FF, вы увидите, что Mouseover усиливающая заготовки белые ящики, добавляет красную рамку и оживляет маленькую коробку с атрибутом alt.

Если вы еще раз проверьте страницу в IE, красные боксы magnify &, но не маленькая коробка с атрибутом 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]--> 

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

Спасибо!

+0

В какой версии IE мы говорим? – Lg102

+0

Мой плохой - IE 7, 8 и 9. Я ожидаю, что будет ограничен 8 и 9. Я уточню вопрос. – entrprnr

+0

Я нашел исправление для моего первого вопроса; как сделать его анимацией в IE. я собираюсь отредактировать вопрос, чтобы показать только этот и дать ответ, а затем спросить новый о проблеме анимации. Спасибо. – entrprnr

ответ

0

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

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

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

Смежные вопросы