我的网站上有一些警报框。当有人单击警报框右上角的关闭按钮时,我需要基于FontAwesome的背景消失。
我的警报框具有以下代码:
<div id="system-message">
<div class="alert alert-notice">
<a class="close" data-dismiss="alert" aria-label="">×</a>
<h4 class="alert-heading">Warning</h4>
<div>
<div>blah blah blah.</div>
</div>
</div>
<div>
创建背景的代码是这样的:
div#system-message:before {
position: absolute; top: 30px; right: 100px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
font-size: 72px;
line-height: 1;
opacity: .1;
content: "\f00c"; z-index: 1;}
当我关闭警报框时,“超赞”背景仍然可见! 我该如何预防? 在CSS中的选择器之后插入一些:但是如何?
外面有什么友善的灵魂可以帮助我吗?干杯。