2016-04-06 29 views
0

JQuery'de vurgulu olayda arka plan rengini değiştirmesi gereken bir örnekle ilgili bir sorunum var. (.css("background-color","rgba(78, 175, 212, 0.75)"); ile satır)JQuery arka plan rengi kromu

Diğer tüm değişiklikler değişiyor, hatta opaklık, ama arka plan renginde değil, her zaman "rgb(0, 0, 0)" için değişiyor. Bu hata, yalnızca Chrome'da değil, IE veya Mozilla'da (son sürümler) görünür.

Bu sınıfı belirtin .over'in, işlemden önce özellikleri arka plan rengi veya opaklığı yoktur. İşte

örnektir:

jQuery(document).on({ 
    mouseenter: function(){ 
     jQuery(".over, .overVideo",this).clearQueue() 
       .css("display", "block") 
       .css("height", "200px") 
       .animate({height:'350px'},{duration:200}) 
       .css("opacity", "0.5") 
       .css("background-color","rgba(78, 175, 212, 0.75)"); 

     jQuery(".blur, .blurVideo",this).clearQueue() 
       .css("height", "200px") 
       .animate({height: '350px'},{duration:200}); 
    }, 

...

Ben background-color çizgisini taşımak için çalıştı, ben "#fff gibi "mavi" gibi, renk başka türünü ayarlamak çalıştı ", ya da" rgb (12,12,12) "gibi, ama her zaman aynı problem.

Yardımcı olabilir misiniz?

+0

https://jsfiddle.net/arunpjohny/azmbftjq/1/? –

cevap

0

Böylece jsfiddle'a gittim ve ne istediğini yapan bir şey yaptım.

HTML:

<div class="hoverme" style="width:100px;height:100px;background-color:black;"> 

jQuery:

O, sadece dinlenme eklemek temel arka plan rengini şeyler ihtiyacı var
$(document).ready(function() { 
    $('.hoverme').hover(function(){ 
    $(this).css("background-color","rgba(78,175,212,0.75)"); 
    }) 
}); 

, bu sorunu çözmek gerekir! hareketlendirmek yöntemi için

0

arama kullan: Kısa el için

.css({display: 'block',height: '200px'}); 

:

jQuery(".over, .overVideo",this).clearQueue() 
    .css("display", "block") 
    .css("height", "200px") 
    .animate({height:'350px'},{duration:200},function(){ 
     $(this).css("opacity", "0.5") 
     $(this).css("background-color","rgba(78, 175, 212, 0.75)"); 
}) 

Ben de yerine tek beyanının aşağıdaki gibi kullanmak css yöntemine sizi öneririm.