gpt4 book ai didi

jquery - 使用 css、css3 和 jquery 使悬停时背景不透明

转载 作者:太空宇宙 更新时间:2023-11-04 15:47:26 24 4
gpt4 key购买 nike

我想要实现的是当我将鼠标悬停在 href 上时,使整个页面的背景不透明。悬停时会触发 body 类具有不透明的彩色背景的东西。像下面这样的东西,但这不起作用。我只能让它在它包含的 div 中工作。

有没有更简单的 css 或 css3 方法?它必须是一种轻量级的方法来实现这一点。我还想在页面中央放置一张图片。然而,目前此功能更为重要。

 $(function(){
$('a body').hover(function() {
$('a', this).stop().animate({"opacity": 1});
},function() {
$('a', this).stop().animate({"opacity": 0.4});
});

最佳答案

但是你想用 body 背景做这个吗?我不认为它会起作用,因为 body 背景没有背景(它下面的另一层)。正如您所说,使用 div 它可以正常工作。那么,为什么不创建一个 div 并将其用作整个正文内容的容器并在其中制作动画呢?

类似于:

<body>
<div id="divToAnimate">
<!-- your content here... -->
</div>
</body>

关于jquery - 使用 css、css3 和 jquery 使悬停时背景不透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11593600/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com