gpt4 book ai didi

jquery - 对除一个元素之外的所有元素应用过滤器

转载 作者:太空宇宙 更新时间:2023-11-04 07:44:56 25 4
gpt4 key购买 nike

除一个元素外,我尝试在主体上应用不透明度

$('body').css('opacity', '0.45');
$('body').css('filter', 'alpha(opacity=45)');

除了像这样的一个元素

$('#fadeForSearch').not('body').css('opacity', '0.45');
$('#fadeForSearch').not('body').css('filter', 'alpha(opacity=45)');

有人可以帮助我吗?

最佳答案

由于您尝试做的实际上是在单击搜索输入时淡化除搜索输入之外的所有内容,因此您可以通过显示一个半透明、固定定位的图层来逃脱,该图层具有 100% 的高度和 100% 的显示效果,当您点击它时输入是集中的。输入必须具有更高的 z-index(+ 相对/绝对位置才能使 z-index 起作用),以便它保持在叠加层之上。

html, body{
height:100%;
background-color: steelblue;
}

.overlay{
width: 100%; height:100%;
position:fixed; top:0; left:0;
background-color:rgba(0, 0, 0, 0.5);
display:none;
}

input{
position:relative;
z-index:100;
}

input:focus ~ .overlay{
display:block;
}
<body>
<input type="text">
<div class="overlay"></div>
</body>

关于jquery - 对除一个元素之外的所有元素应用过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48238168/

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