我有一个divs,visitors-main-panel,它显示搜索结果。我上面有一组过滤器。我想通过ajax提取新结果时,在搜索结果上方显示一个半透明的面板。
$('#visitors-main-panel:after').hide();
.visitors-main-panel {
position: relative;
}
.visitors-main-panel:after {
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-9 visitors-main-panel">
Initial search results
</div>
但这似乎不起作用。
你不能 相反,您应该做的是#visitors-main-panel
在CSS中使用的类上切换一个以display
伪元素为目标的类。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句