jQuery исчезает прозрачность в IE - PullRequest
Новая
       12

jQuery исчезает прозрачность в IE

0 голосов
/ 20 августа 2009

Я работаю над сайтом и столкнулся с несколькими проблемами. Здесь это сайт

  1. У меня есть два деления. .slide и .cover.

.cover исчезает и исчезает при отображении текста и прозрачного фона. Это делается с помощью jQuery, а прозрачность - с помощью CSS.

Это прекрасно работает при загрузке во всех браузерах, но когда я наведите курсор мыши на слайд, и он вернется обратно, прозрачность фона .cover не будет работать в IE (6, 7 и 8). Я пробовал css с .cover:hover, и это не работает как взлом IE. 

.cover {

    width:750px;
    height:500px;
    background:#000;
    margin:0 auto;
    opacity:0.7;
    filter:alpha(opacity=70);
    }
.cover:hover {  opacity:0.7;
    filter:alpha(opacity=70);}

1 Ответ

1 голос
/ 20 августа 2009

Если вы уже используете jQuery, вы можете попробовать что-то вроде этого: 

$(document).ready(function() {
    $('.slide').hover(
        function() {  $(".cover").animate({ opacity: 0.7 }, 500 ); },
        function() {  $(".cover").animate({ opacity: 0 }, 500 ); }
    );
});

и удалите это из вашего CSS: 

.cover:hover {  opacity:0.7;
    filter:alpha(opacity=70);}
...