Css ：之后：之前切换包装不透明度

因此，我试图在我的网站上制作一个按钮，当鼠标悬停时，该按钮将使页面内容不透明度为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;}

但它似乎不起作用，有人有任何想法，或者它就是不起作用吗？

试试看

#wrapper
{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#wrapper:hover
{
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
}

---

你的css有些错误，请更正此错误

用于此

#包装器：悬停：在

之后这是写入

不是这个

#包装器：之后：悬停

这是错误的

    #wrapper:hover:after {
    background:rgba(0,0,0,0);
}

使用jquery：

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

---

请确保您有一个js文件，但它在哪个浏览器上不工作？您对使用JavaScript执行此操作不感兴趣？

cursor:尝试在此处插入值。然后再试试
#wrapper:hover:after
是的，但这会不会让wrapper在hover上不可见，我希望wrapper:after:hover在wrapper上不可见，否则页面就不会不可访问了它的固定部分，但现在当我在上面悬停时：after会消失，但#wrapper（在firefox中）不会消失而InternetExplored只显示了：之后，鼠标悬停时的不透明度变化不会超过jquery