JQuery 背景色 Chrome

Question

我遇到了一个示例问题，它应该在 JQuery 中的悬停事件上更改背景颜色。 (符合 .css("background-color","rgba(78, 175, 212, 0.75)");)

所有其他更改都有效，甚至是不透明度，但不是背景颜色，它总是针对“rgb(0, 0, 0)”进行更改。 此错误仅出现在 Chrome 上，不会出现在 IE 或 Mozilla(所有最新版本)上。

我指定类 .over 在处理之前没有属性背景颜色或不透明度。

这是示例:

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});
    },

...

我尝试移动背景颜色线，我尝试设置另一种颜色，如“蓝色”、“#fff”或“rgb(12,12,12)”，但总是出现同样的问题.

你能帮帮我吗？

Answer 1

所以我继续使用 jsfiddle 并制作了一些可以满足您要求的东西。

HTML:

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

jQuery:

  $(document).ready(function() {
  $('.hoverme').hover(function(){
  $(this).css("background-color","rgba(78,175,212,0.75)");
  })
});

它完成了基本的背景颜色，您只需添加其余部分，它应该可以解决您的问题!