Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
你能在jQuery中淡入一个类的背景css吗?_Jquery_User Interface_Hover_Fade - Fatal编程技术网

你能在jQuery中淡入一个类的背景css吗?

你能在jQuery中淡入一个类的背景css吗?,jquery,user-interface,hover,fade,Jquery,User Interface,Hover,Fade,这显然不起作用。这只是一个伪代码(这是不可能的;即使在HTML5中,也不能有半透明的背景图像 相反,你应该为背景制作一个单独的元素,并使其正常淡入。这是不可能的;即使在HTML5中,你也不能有半透明的背景图像。(AFAIK) 相反,您应该为背景创建一个单独的元素,并将其正常淡入。您必须创建文本div,并将其放置在另一个“背景div”的前面然后淡出背景div。你应该首先考虑是否需要这样做?< p>你必须创建文本div并把它定位在另一个“背景div”前面。然后淡出背景div。你应该首先考虑是否需要这

这显然不起作用。这只是一个伪代码(

这是不可能的;即使在HTML5中,也不能有半透明的背景图像


相反,你应该为背景制作一个单独的
元素,并使其正常淡入。

这是不可能的;即使在HTML5中,你也不能有半透明的背景图像。(AFAIK)


相反,您应该为背景创建一个单独的
元素,并将其正常淡入。

您必须创建文本div,并将其放置在另一个“背景div”的前面然后淡出背景div。你应该首先考虑是否需要这样做?

< p>你必须创建文本div并把它定位在另一个“背景div”前面。然后淡出背景div。你应该首先考虑是否需要这样做?

jQuery不支持本地的任何类似的东西。但是检查一下,看看它是如何用巧妙设计的背景图像来完成的。


效果是通过使用动画功能和移动backgroundPosition CSS样式来实现的。

jQuery本机不支持任何类似的功能。不过,请检查此项,看看如何使用精心设计的背景图像来实现


使用动画函数和移动后台位置CSS样式来完成效果。

< P>你可以模拟你想用2个绝对div做的事情。
  $(".myDiv").hover(function() {
 $(this).css("background", fadeTo("slow", 0.5))
  },function(){
  $(this).fadeTo("slow", 1.0);
});
基本上,我已经创建了一个div,在其中放置了一个带有背景的div,并在顶部放置了一个文本元素

您现在可以使用

.my-div {
    position: relative;
    width: 100px;
    height: 20px;
}
.my-background {
    position: absolute;
    background: url(bg.jpg);
    width: 100px;
    height: 20px;
    z-index: 2;
}
.my-text {
    position: absolute;
    z-index: 3;
}

你可以用2个绝对div来模拟你想做的事情。考虑下面的场景。

  $(".myDiv").hover(function() {
 $(this).css("background", fadeTo("slow", 0.5))
  },function(){
  $(this).fadeTo("slow", 1.0);
});
基本上,我已经创建了一个div,在其中放置了一个带有背景的div,并在顶部放置了一个文本元素

您现在可以使用

.my-div {
    position: relative;
    width: 100px;
    height: 20px;
}
.my-background {
    position: absolute;
    background: url(bg.jpg);
    width: 100px;
    height: 20px;
    z-index: 2;
}
.my-text {
    position: absolute;
    z-index: 3;
}

我不认为这是可能的,但是有一个解决办法。HTML结构是可以改变的吗?我不认为这是可能的,但是有一个解决办法。HTML结构是可以改变的吗?你的评分是我所见过的最高的。我很荣幸得到你的回答。你的评分是我所见过的最高的。我是我很荣幸得到你的答复
$(".my-background").fadeTo("slow", 0.5);