当您悬停元素时,我正在尝试使用不透明度为叠加层设置动画,但是它不起作用。没有动画我可以很容易地做到这一点,但我想得到一个淡入淡出的效果。我正在尝试使用 jQuery 来实现这一点。
当图像悬停时,我希望叠加层不可见。
看看下面的jsfiddle-example:
我一直在寻找示例,但其中大多数使用淡入淡出和淡入淡出,我不能使用它,因为元素应该始终可见,只有不透明度应该在悬停时改变。
已解决: 忘记附上选择器。工作示例:http: //jsfiddle.net/jem2M/4/
当您悬停元素时,我正在尝试使用不透明度为叠加层设置动画,但是它不起作用。没有动画我可以很容易地做到这一点,但我想得到一个淡入淡出的效果。我正在尝试使用 jQuery 来实现这一点。
当图像悬停时,我希望叠加层不可见。
看看下面的jsfiddle-example:
我一直在寻找示例,但其中大多数使用淡入淡出和淡入淡出,我不能使用它,因为元素应该始终可见,只有不透明度应该在悬停时改变。
已解决: 忘记附上选择器。工作示例:http: //jsfiddle.net/jem2M/4/
$('.bghover #background img')
- 您忘记(两次)将您的选择器括在引号中。
小提琴示例:http: //jsfiddle.net/jem2M/4/
我刚刚打开http://jsfiddle.net/jem2M/4/(使用我的 chrome 21),它工作正常。当您将鼠标悬停在图像上时,它会将不透明度设置为 1 ,当鼠标移出时,不透明度将修改为 0.75