gpt4 book ai didi

css - :after :before toggle wrapper opacity

转载 作者:行者123 更新时间:2023-11-28 12:41:18 28 4
gpt4 key购买 nike

所以我想在我的网站上制作一个按钮,当悬停时将使页面内容的不透明度为 0。这是我的代码

#wrapper{
box-shadow:0 0 15px rgba(0,0,0,1);
position:relative;
width:960px;
height:auto;
margin:0 auto;
transition:opacity 1s;}
#wrapper:after{
width:100px;
height:100px;
cursor:;
background:rgba(0,0,0,1);
content:'';
display:block;
left:-200px;
z-index:10000;
position:absolute;
top:-50px;
border-radius:150px;}
#wrapper :after :hover{
opacity:0;}

但它似乎行不通,任何人有任何想法或者它是否行不通?

最佳答案

使用jquery:

$('.button-class').hover(function(){
$('body').css({'opacity' : '0'});
}, function(){
$('body').not(this).css({'opacity' : '1'});
});

确保你有一个 js 文件

关于css - :after :before toggle wrapper opacity,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17654322/

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